From 051520b9416b175507530c3dde5e181ec17d6c8d Mon Sep 17 00:00:00 2001
From: NeilClack <cnclack@pm.me>
Date: Fri, 11 Sep 2026 16:05:43 -0500
Subject: [PATCH] Fix page refresh issue

---
 src/routes/(protected)/(user)/profile/+page.svelte     | 10 +++++++---
 .../(protected)/(user)/profile/setup/+page.svelte      |  3 ++-
 src/routes/forgot-password/+page.svelte                |  3 ++-
 src/routes/login/+page.svelte                          |  3 ++-
 src/routes/register/+page.svelte                       |  3 ++-
 src/routes/reset-password/+page.svelte                 |  3 ++-
 6 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/routes/(protected)/(user)/profile/+page.svelte b/src/routes/(protected)/(user)/profile/+page.svelte
index 8f3c007..a59c206 100644
--- a/src/routes/(protected)/(user)/profile/+page.svelte
+++ b/src/routes/(protected)/(user)/profile/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { enhance } from '$app/forms';
 	import { clientFormatPhoneNumber } from '$lib/utils';
 	import type { PageProps } from './$types';
 
@@ -100,7 +101,7 @@
 			</div>
 		{/if}
 
-		<form method="POST" action="?/updateProfile" class="mt-5 flex flex-col gap-4">
+		<form method="POST" action="?/updateProfile" use:enhance class="mt-5 flex flex-col gap-4">
 			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
 				<div class="flex flex-col gap-1.5">
 					<label for="firstName" class="text-sm font-medium text-slate-700 dark:text-slate-300">
@@ -206,6 +207,7 @@
 			<form
 				method="POST"
 				action={editingAddressId ? '?/updateAddress' : '?/addAddress'}
+				use:enhance
 				class="mt-5 flex flex-col gap-4"
 			>
 				{#if editingAddressId}
@@ -314,8 +316,10 @@
 							<form
 								method="POST"
 								action="?/deleteAddress"
-								onsubmit={(event) => {
-									if (!confirm('Delete this address?')) event.preventDefault();
+								use:enhance={({ cancel }) => {
+									if (!confirm('Delete this address?')) {
+										cancel();
+									}
 								}}
 							>
 								<input type="hidden" name="id" value={address.id} />
diff --git a/src/routes/(protected)/(user)/profile/setup/+page.svelte b/src/routes/(protected)/(user)/profile/setup/+page.svelte
index e81759d..81dc3a6 100644
--- a/src/routes/(protected)/(user)/profile/setup/+page.svelte
+++ b/src/routes/(protected)/(user)/profile/setup/+page.svelte
@@ -11,6 +11,7 @@
     -->
 
 <script lang="ts">
+	import { enhance } from '$app/forms';
 	import Window from '$lib/components/containers/Window.svelte';
 	import { clientFormatPhoneNumber } from '$lib/utils';
 	import type { PageProps } from './$types';
@@ -42,7 +43,7 @@
 </script>
 
 <Window>
-	<form method="POST" class="flex flex-col items-center gap-5">
+	<form method="POST" use:enhance class="flex flex-col items-center gap-5">
 		<h1 class="text-center text-2xl font-bold text-slate-900 dark:text-slate-100">
 			Please finish setting up your profile
 		</h1>
diff --git a/src/routes/forgot-password/+page.svelte b/src/routes/forgot-password/+page.svelte
index 706847f..4d80a0e 100644
--- a/src/routes/forgot-password/+page.svelte
+++ b/src/routes/forgot-password/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { enhance } from '$app/forms';
 	import { resolve } from '$app/paths';
 	import type { PageProps } from './$types';
 	import Window from '$lib/components/containers/Window.svelte';
@@ -24,7 +25,7 @@
 			</div>
 		{/if}
 
-		<form method="POST" class="flex flex-col gap-4">
+		<form method="POST" use:enhance class="flex flex-col gap-4">
 			<h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Forgot Password</h1>
 			<p class="text-sm text-slate-600 dark:text-slate-400">
 				Enter your email and we'll send you a link to reset your password.
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 2d9e371..175d2a4 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -10,7 +10,8 @@
 
 	let verified = $derived(page.url.searchParams.get('verified') === 'true');
 
-	async function handleSubmit() {
+	async function handleSubmit(event: SubmitEvent) {
+		event.preventDefault();
 		const { error: authError } = await authClient.signIn.email({
 			email,
 			password,
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index f6ea0f4..ab237bf 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { enhance } from '$app/forms';
 	import Window from '$lib/components/containers/Window.svelte';
 	import { authClient } from '$lib/auth-client';
 	import { resolve } from '$app/paths';
@@ -32,7 +33,7 @@
 			</div>
 		{/if}
 
-		<form method="POST" class="flex flex-col gap-4">
+		<form method="POST" use:enhance class="flex flex-col gap-4">
 			<h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">Create Account</h1>
 
 			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
diff --git a/src/routes/reset-password/+page.svelte b/src/routes/reset-password/+page.svelte
index 116b70f..138ef67 100644
--- a/src/routes/reset-password/+page.svelte
+++ b/src/routes/reset-password/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { enhance } from '$app/forms';
 	import type { PageProps } from './$types';
 	import Window from '$lib/components/containers/Window.svelte';
 
@@ -15,7 +16,7 @@
 		</div>
 	{/if}
 
-	<form method="POST" class="flex flex-col gap-4">
+	<form method="POST" use:enhance class="flex flex-col gap-4">
 		<h1 class="text-2xl font-bold text-slate-900 dark:text-slate-100">
 			{data.invite ? 'Set Your Password' : 'Reset Password'}
 		</h1>