Tests update

Author: ciscoheat

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

@@ -2,14 +2,14 @@
 	import { page } from '$app/stores';
 	import { superForm } from '$lib/index.js';
 	import SuperDebug from '$lib/index.js';
-	import CheckboxComponent from './CheckboxComponent.svelte';
+	//import CheckboxComponent from './CheckboxComponent.svelte';
 	import CheckboxField from './CheckboxField.svelte';
 
 	export let data;
 
 	const form = superForm(data.form, { taintedMessage: false });
 
-	const { form: formStore, errors, message, constraints, enhance } = form;
+	const { form: formStore, message, enhance } = form;
 </script>
 
 <SuperDebug data={$formStore} />
@@ -23,10 +23,10 @@
 {/if}
 
 <form method="POST" use:enhance>
-	<CheckboxComponent bind:checked={$formStore.checkbox} />
+	<!-- CheckboxComponent bind:checked={$formStore.checkbox} /-->
 
 	<!-- Comment the above line, uncomment this line, and reload to cause the failure on SSR (infinite loop). -->
-	<!-- CheckboxField {form} field="checkbox" description="checkbox" / -->
+	<CheckboxField {form} field="checkbox" description="checkbox" />
 
 	<button>Submit</button>
 </form>

src/routes/(v2)/v2/issue-345/CheckboxComponent.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  export let checked = false;
+	export let checked = false;
 </script>
 
-<input type="checkbox" bind:checked {...$$restProps} />
+<input type="checkbox" bind:checked {...$$restProps} />

src/routes/(v2)/v2/issue-345/CheckboxField.svelte

@@ -1,6 +1,5 @@
 <script lang="ts" context="module">
 	type UnknownRecord = Record<string, unknown>;
-
 	type T = UnknownRecord;
 </script>
 
@@ -11,9 +10,12 @@
 	import CheckboxComponent from './CheckboxComponent.svelte';
 	export let form: SuperForm<T>;
 	export let field: FormPathLeaves<T>;
+	export let description: string;
 
-	const { value, errors } = formFieldProxy(form, field);
-	$: boolValue = value as Writable<boolean>;
+	const { value } = formFieldProxy(form, field);
+	// Cannot use $: in Svelte 4, must be const:
+	const boolValue = value as Writable<boolean>;
 </script>
 
 <CheckboxComponent bind:checked={$boolValue} />
+{description}