Test updated

Author: ciscoheat

src/routes/(v2)/v2/issue-484/+page.svelte

@@ -3,37 +3,40 @@
 	import { schemasafe } from '$lib/adapters/schemasafe.js';
 	import { loginJSONSchema } from './schemas.js';
 
-	const { form, errors, message, enhance } = superForm(defaults(schemasafe(loginJSONSchema)), {
-		SPA: true,
-		validators: schemasafe(loginJSONSchema),
-		onUpdate({ form }) {
-			if (form.valid) {
-				// TODO: Call an external API with form.data, await the result and update form
-			}
-		}
-	});
+    const { form, errors, message, constraints, enhance } = superForm(defaults(schemasafe(loginJSONSchema)), {
+        SPA: true,
+        validators: schemasafe(loginJSONSchema),
+        onUpdate({ form }) {
+            if (form.valid) {
+                // TODO: Call an external API with form.data, await the result and update form
+            }
+        }
+    });
 </script>
 
 <h1>Edit user</h1>
 
 {#if $message}<h3>{$message}</h3>{/if}
 
 <form method="POST" use:enhance>
-	<label>
-		Name<br />
-		<input aria-invalid={$errors.name ? 'true' : undefined} bind:value={$form.name} />
-	</label>
-	{#if $errors.name}<span class="invalid">{$errors.name}</span>{/if}
+    <label>
+        Name<br />
+        <input
+                aria-invalid={$errors.name ? 'true' : undefined}
+                bind:value={$form.name}
+                {...$constraints.name} />
+    </label>
+    {#if $errors.name}<span class="invalid">{$errors.name}</span>{/if}
 
-	<label>
-		E-mail<br />
-		<input
-			type="email"
-			aria-invalid={$errors.email ? 'true' : undefined}
-			bind:value={$form.email}
-		/>
-	</label>
-	{#if $errors.email}<span class="invalid">{$errors.email}</span>{/if}
-	<br />
-	<button>Submit</button>
-</form>
+    <label>
+        E-mail<br />
+        <input
+                type="email"
+                aria-invalid={$errors.email ? 'true' : undefined}
+                bind:value={$form.email}
+                {...$constraints.email} />
+    </label>
+    {#if $errors.email}<span class="invalid">{$errors.email}</span>{/if}
+    <br />
+    <button>Submit</button>
+</form>

src/routes/(v2)/v2/issue-484/schemas.ts

@@ -2,17 +2,17 @@ import { z } from 'zod';
 import type { JSONSchema } from '$lib/index.js';
 
 export const loginZodSchema = z.object({
-	name: z.string().min(5).default('Superform'),
-	email: z.string().email()
+    name: z.string().min(5).default('Superform'),
+    email: z.string().email()
 });
 
 export const loginJSONSchema = {
-	type: 'object',
-	properties: {
-		name: { type: 'string', minLength: 5, default: 'Superform' },
-		email: { type: 'string', format: 'email' }
-	},
-	required: ['name', 'email'],
-	additionalProperties: false,
-	$schema: 'http://json-schema.org/draft-07/schema#'
+    type: 'object',
+    properties: {
+        name: { type: 'string', minLength: 5, default: 'Superform' },
+        email: { type: 'string', format: 'email' }
+    },
+    required: ['name', 'email'],
+    additionalProperties: false,
+    $schema: 'http://json-schema.org/draft-07/schema#'
 } as const satisfies JSONSchema;