From 5782831ea6e4a2de6a4c958f9c211c8379b954af Mon Sep 17 00:00:00 2001
From: April Hall <ari@arithefirst.com>
Date: Sat, 22 Feb 2025 15:44:43 -0500
Subject: [PATCH] feat: Client side validation for Signup and Login

---
 src/routes/login/+page.svelte  | 6 +++++-
 src/routes/signup/+page.svelte | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 3fd697b..967e4a6 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -4,9 +4,13 @@
   import { Input } from '$lib/components/ui/input/index.js';
   import { Label } from '$lib/components/ui/label/index.js';
   import { superForm } from 'sveltekit-superforms';
+  import { zodClient } from 'sveltekit-superforms/adapters';
+  import { loginSchema } from '$lib/types/login';
 
   let { data } = $props();
-  const { form, errors, message, enhance } = superForm(data.form);
+  const { form, errors, message, enhance } = superForm(data.form, {
+    validators: zodClient(loginSchema),
+  });
 </script>
 
 <svelte:head>
diff --git a/src/routes/signup/+page.svelte b/src/routes/signup/+page.svelte
index 6ed7690..355d956 100644
--- a/src/routes/signup/+page.svelte
+++ b/src/routes/signup/+page.svelte
@@ -4,9 +4,13 @@
   import { Input } from '$lib/components/ui/input/index.js';
   import { Label } from '$lib/components/ui/label/index.js';
   import { superForm } from 'sveltekit-superforms';
+  import { zodClient } from 'sveltekit-superforms/adapters';
+  import { signupSchema } from '$lib/types/signup.js';
 
   let { data } = $props();
-  const { form, errors, message, enhance } = superForm(data.form);
+  const { form, errors, message, enhance } = superForm(data.form, {
+    validators: zodClient(signupSchema),
+  });
 </script>
 
 <svelte:head>