Added strict mode test.

Author: ciscoheat

src/routes/Navigation.svelte

@@ -34,6 +34,7 @@
     </li>
     <li><a href="/tests/array-component">Array proxy</a></li>
     <li><a href="/tests/redirect-same-route">Redirect with delay</a></li>
+    <li><a href="/tests/strict-mode">Strict mode</a></li>
   </ul>
 </nav>
 

src/routes/tests/strict-mode/+page.server.ts

@@ -0,0 +1,22 @@
+import { message, superValidate } from '$lib/server';
+import { schema } from './schema';
+import { fail } from '@sveltejs/kit';
+
+export const load = async () => {
+  const form = await superValidate(schema);
+  return { form };
+};
+
+export const actions = {
+  default: async ({ request }) => {
+    const formData = await request.formData();
+    console.log(formData);
+
+    const form = await superValidate(formData, schema, { strict: true });
+    console.log('POST', form);
+
+    if (!form.valid) return fail(400, { form });
+
+    return message(form, 'Posted OK!');
+  }
+};

src/routes/tests/strict-mode/+page.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { superForm } from '$lib/client';
+  import type { PageData } from './$types';
+
+  export let data: PageData;
+
+  const { errors, enhance } = superForm(data.form);
+</script>
+
+<form method="POST" use:enhance>
+  {#if $errors.name}<span class="invalid">{$errors.name}</span>{/if}
+  <div>
+    <button>Submit</button>
+  </div>
+</form>
+
+<style lang="scss">
+  form {
+    margin: 2rem 0;
+
+    .invalid {
+      color: crimson;
+    }
+  }
+</style>

src/routes/tests/strict-mode/schema.ts

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+
+export const schema = z.object({
+  name: z.string().min(1)
+});