src/routes/private/events/+page.svelte

@@ -18,7 +18,7 @@
 </div>
 
 <a
-  href="/private/creator"
+  href="/private/events/event/new"
   class="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-none border border-gray-300"
 >
   New Event

src/routes/private/events/event/new/+page.svelte

@@ -417,13 +417,13 @@
 	<!-- Step Content -->
 	<div class="rounded-lg border border-gray-300 bg-white p-6 mb-6">
 		{#if currentStep === 0}
-			<GoogleAuthStep {authData} {errors} {connectToGoogle} {cancelGoogleAuth} {disconnectGoogle} />
+			<GoogleAuthStep bind:authData bind:errors {connectToGoogle} {cancelGoogleAuth} {disconnectGoogle} />
 		{:else if currentStep === 1}
-			<EventDetailsStep {eventData} {errors} />
+			<EventDetailsStep bind:eventData bind:errors />
 		{:else if currentStep === 2}
-			<GoogleSheetsStep {sheetsData} {errors} {loadRecentSheets} {selectSheet} {toggleSheetList} />
+			<GoogleSheetsStep bind:sheetsData bind:errors {loadRecentSheets} {selectSheet} {toggleSheetList} />
 		{:else if currentStep === 3}
-			<EmailSettingsStep {emailData} {errors} />
+			<EmailSettingsStep bind:emailData bind:errors />
 		{/if}
 
 		{#if errors.submit}

src/routes/private/events/event/new/components/EmailSettingsStep.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	let { emailData, errors } = $props<{
+	let { emailData = $bindable(), errors = $bindable() } = $props<{
 		emailData: {
 			subject: string;
 			body: string;

src/routes/private/events/event/new/components/EventDetailsStep.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	let { eventData, errors } = $props<{
+	let { eventData = $bindable(), errors = $bindable() } = $props<{
 		eventData: {
 			name: string;
 			date: string;

src/routes/private/events/event/new/components/GoogleSheetsStep.svelte

@@ -2,7 +2,7 @@
 	import type { GoogleSheet } from '$lib/google/sheets/types.ts';
 	
 	// Props
-	let { sheetsData, errors, loadRecentSheets, selectSheet, toggleSheetList } = $props<{
+	let { sheetsData = $bindable(), errors = $bindable(), loadRecentSheets, selectSheet, toggleSheetList } = $props<{
 		sheetsData: {
 			availableSheets: GoogleSheet[];
 			selectedSheet: GoogleSheet | null;