Merge pull request #104 from ptmkenny/superforms2

Upgrade demo-app to superforms 2, sveltekit 2, and vite 5

Author: Tommertom

demo-app/package.json

@@ -19,25 +19,25 @@
 		"doctoc": "doctoc README.md"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-static": "^1.0.1",
-		"@sveltejs/kit": "next",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
-		"@typescript-eslint/parser": "^5.45.0",
+		"@sveltejs/adapter-static": "^3",
+		"@sveltejs/kit": "^2",
+		"@typescript-eslint/eslint-plugin": "^6",
+		"@typescript-eslint/parser": "^6",
 		"eslint": "^8.28.0",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"ionicons": "^6.1.3",
-		"prettier": "^2.8.0",
-		"prettier-plugin-svelte": "^2.8.1",
-		"svelte": "^3.53.1",
-		"svelte-check": "^2.9.2",
+		"eslint-config-prettier": "^9",
+		"eslint-plugin-svelte": "^2",
+		"ionicons": "^7",
+		"prettier": "^3",
+		"prettier-plugin-svelte": "^3",
+		"svelte": "^4",
+		"svelte-check": "^3",
 		"svelte-highlight": "^7.1.2",
-		"svelte-preprocess": "^4.10.7",
-		"sveltekit-superforms": "^0.8.1",
+		"svelte-preprocess": "^6",
+		"sveltekit-superforms": "^2",
 		"tslib": "^2.4.1",
-		"typescript": "^4.9.3",
-		"vite": "^4.3.4",
-		"vite-plugin-pwa": "^0.14.1",
+		"typescript": "^5",
+		"vite": "^5",
+		"vite-plugin-pwa": "^0.20",
 		"zod": "^3.21.4"
 	},
 	"type": "module",
@@ -46,4 +46,4 @@
 		"ionic-svelte": "^0.5.77",
 		"localforage": "^1.10.0"
 	}
-}
+}

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);
 			},

demo-app/tsconfig.json

@@ -14,10 +14,11 @@
 		],
 		"types": [
 			"ionic-svelte"
-		]
+		],
+		"verbatimModuleSyntax": true
 	}
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
 	// from the referenced tsconfig.json - TypeScript does not merge them in
-}
+}