Another test for SPA action form

Author: ciscoheat

src/routes/(v2)/v2/spa-action-2/+page.svelte

@@ -1,20 +1,21 @@
 <script lang="ts">
-	import { superForm } from '$lib/client/index.js';
+	import { valibot } from '$lib/adapters/valibot.js';
 	import SuperDebug from '$lib/client/SuperDebug.svelte';
+	import { defaults, superForm } from '$lib/index.js';
+	import type { ActionData } from './classify/$types.js';
+	import { classifySchema } from './classify/schema.js';
 
 	export let data;
 
-	const { enhance } = superForm(
-		{},
-		{
-			SPA: '/v2/spa-action-2/classify',
-			taintedMessage: false,
-			onUpdate({ form }) {
-				const entry = data.entries.find((e) => e.id == form.message.id);
-				if (entry) entry.name = 'Modified';
-			}
+	const { enhance } = superForm(defaults(valibot(classifySchema)), {
+		SPA: '/v2/spa-action-2/classify',
+		taintedMessage: false,
+		onUpdate({ result }) {
+			const status = result.data as NonNullable<ActionData>;
+			const entry = data.entries.find((e) => e.id == status.posted);
+			if (entry) entry.name = 'Modified';
 		}
-	);
+	});
 </script>
 
 <SuperDebug data={data.entries} />

src/routes/(v2)/v2/spa-action-2/classify/+page.server.ts

@@ -1,19 +1,14 @@
 import { valibot } from '$lib/adapters/valibot.js';
-import { fail, message, superValidate } from '$lib/index.js';
-import * as v from 'valibot';
-
-export const _classifySchema = v.object({
-	id: v.number([v.minValue(1)]),
-	name: v.string()
-});
+import { fail, superValidate } from '$lib/index.js';
+import { classifySchema } from './schema.js';
 
 export const actions = {
 	default: async ({ request }) => {
-		const form = await superValidate(request, valibot(_classifySchema));
+		const form = await superValidate(request, valibot(classifySchema));
 		console.log(form);
 
 		if (!form.valid) return fail(400, { form });
 
-		return message(form, { id: form.data.id });
+		return { form, posted: form.data.id };
 	}
 };

src/routes/(v2)/v2/spa-action-2/classify/schema.ts

@@ -0,0 +1,6 @@
+import * as v from 'valibot';
+
+export const classifySchema = v.object({
+	id: v.number([v.minValue(1)]),
+	name: v.string()
+});