superforms 2

Author: ptmkenny

demo-app/package.json

@@ -33,7 +33,7 @@
 		"svelte-check": "^3",
 		"svelte-highlight": "^7.1.2",
 		"svelte-preprocess": "^6",
-		"sveltekit-superforms": "^1",
+		"sveltekit-superforms": "^2",
 		"tslib": "^2.4.1",
 		"typescript": "^5",
 		"vite": "^5",

demo-app/src/routes/components/Inputs/+page.svelte

@@ -2,25 +2,23 @@
 	import SourceButton from '$lib/components/SourceButton.svelte';
 	import { alertController, IonPage } from 'ionic-svelte';
 
-	import { superForm, setMessage, setError } from 'sveltekit-superforms/client';
+	import { superForm, defaults, setMessage, setError } from 'sveltekit-superforms';
+	import { zod } from 'sveltekit-superforms/adapters';
 	import { z } from 'zod';
 
 	const userSchema = z.object({
 		firstName: z.string().min(2).default(''),
 		lastName: z.string().min(2).default('')
 	});
 
-	type User = z.infer<typeof userSchema>; // not used - but usefull
-
-	const { form, errors, message, constraints, enhance, delayed, validate } = superForm(
-		{ firstName: '', lastName: '' },
+	const { form, errors, message, constraints, enhance, delayed, validate } = superForm(defaults(zod(userSchema)),
 		{
 			SPA: true,
-			validators: userSchema,
+			validators: zod(userSchema),
 			onUpdate(form) {
 				console.log('SUBMIT clicked, received form', form);
 			},
-			onError({ result, message }) {
+			onError({ result }) {
 				console.log('ERROR received', result, message);
 				message.set(result.error.message);
 			},