update page load data to svelte 5 paradigms, change reactive to effec…

…t runes.
haukened · Nov 4, 2024 · d177c61 · d177c61
1 parent 05356e8
commit d177c61
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 25 deletions.
diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
@@ -8,8 +8,11 @@
     import { loginFormSchema, type LoginFormSchema } from './schema';
     import * as m from '$lib/paraglide/messages.js';
 	import { toast } from "svelte-sonner";
+	import type { PageData } from "./$types";
 
-    export let data: SuperValidated<Infer<LoginFormSchema>>;
+    //export let data: SuperValidated<Infer<LoginFormSchema>>;
+
+    let { data }: { data: SuperValidated<Infer<LoginFormSchema>> } = $props();
 
     const form = superForm(data, {
         validators: zodClient(loginFormSchema),
@@ -18,13 +21,13 @@
 
     const { form: formData, errors, enhance } = form;
 
-    $: ((errors) => {
-        if (errors) {
-            errors.forEach(error => {
+    $effect(() => {
+        if ($errors._errors) {
+            $errors._errors.forEach(error => {
                 toast.error(error);
             });
         }
-    })($errors._errors);
+    });
 </script>
 
 <Card.Root class="w-96 max-w-full">

diff --git a/src/routes/password/+page.svelte b/src/routes/password/+page.svelte
@@ -10,7 +10,7 @@
 	import type { PageData } from "./$types";
     import { toast } from "svelte-sonner";
 
-    export let data: PageData;
+    let { data }: { data: PageData } = $props();
 
     const form = superForm(data.form, {
         validators: zodClient(passwordFormSchema),
@@ -20,19 +20,16 @@
 
     const { form: formData, enhance, errors, message  } = form;
 
-    $: ((errors) => {
-        if (errors) {
-            errors.forEach(error => {
+    $effect(() => {
+        if ($errors._errors) {
+            $errors._errors.forEach(error => {
                 toast.error(error);
             });
         }
-    })($errors._errors);
-
-    $: ((message) => {
-        if (message) {
-            toast.success(message);
+        if ($message) {
+            toast.success($message);
         }
-    })($message);
+    });
 </script>
 
 <Card.Root class="w-96 max-w-full">

diff --git a/src/routes/profile/+page.svelte b/src/routes/profile/+page.svelte
@@ -10,7 +10,7 @@
 	import type { PageData } from "./$types";
     import { toast } from "svelte-sonner";
 
-    export let data: PageData;
+    let { data }: { data: PageData } = $props();
 
     const form = superForm(data.form, {
         validators: zodClient(profileFormSchema),
@@ -22,19 +22,16 @@
 
     const { form: formData, enhance, tainted, errors, message } = form;
 
-    $: ((errors) => {
-        if (errors) {
-            errors.forEach(error => {
+    $effect(() => {
+        if ($errors._errors) {
+            $errors._errors.forEach(error => {
                 toast.error(error);
             });
         }
-    })($errors._errors);
-
-    $: ((message) => {
-        if (message) {
-            toast.success(message);
+        if ($message) {
+            toast.success($message);
         }
-    })($message);
+    });
 </script>
 
 <Card.Root class="w-96 max-w-full">