Form Component with Method GET

[BradNut]

I have switched my implementation of a basic form to the Shadcn-svelte form in order to utilize <Form.Checkbox />. However, my form is a search where I wish to perform a GET with URLSearchParams.

The form works as intended but in general the browser complains because use:enhance can only be used on form fields with method of POST.

What is the recommended way to both use the Shadcn-svelte form and checkbox while also adhering to Svelte's enhance constraints? I know that Superforms allows URLSearchParams in the data param for superValidate.

Converted from:

<search>
	<form id="search-form" action="/search" method="GET">
		<div class="search">
			<fieldset class="text-search">
				<Label for="label">Search</Label>
				<Input type="text" id="q" class={$errors.q && "outline outline-destructive"} name="q" placeholder="Search board games" data-invalid={$errors.q} bind:value={$form.q} />
				{#if $errors.q}
					<p class="text-sm text-destructive">{$errors.q}</p>
				{/if}
				<input id="skip" type="hidden" name="skip" bind:value={$form.skip} />
				<input id="limit" type="hidden" name="limit" bind:value={$form.limit} />
			</fieldset>
		</div>
		<Button type="submit">Submit</Button>
	</form>
</search>

To:

<search>
	<Form.Root id="search-form" action="/search" method="GET" data-sveltekit-reload {form} schema={search_schema} let:config>
		<fieldset>
			<Form.Item>
				<Form.Field {config} name="q">
					<Form.Label for="label">Search</Form.Label>
					<Form.Input />
					<Form.Validation />
				</Form.Field>
				<Form.Field {config} name="skip">
					<Form.Input type="hidden" />
				</Form.Field>
				<Form.Field {config} name="limit">
					<Form.Input type="hidden" />
				</Form.Field>
			</Form.Item>
		</fieldset>
		<fieldset>
			<div class="flex items-center space-x-2">
				<Form.Field {config} name="exact">
					<Form.Label>Exact Search</Form.Label>
					<Form.Checkbox class="mt-0" />
				</Form.Field>
			</div>
		</fieldset>
		<Form.Button>Submit</Form.Button>
	</Form.Root>
</search>