[fix] sverdle form reset (#7241)

fixes #7238
provides a custom form enhance callback for the demo app /sverdle to prevent form.reset() being called by the default callback.

Co-authored-by: gtmnayan <50981692+gtm-nayan@users.noreply.github.com>

.changeset/yellow-kids-marry.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+fix sverdle guesses incorrectly cleared by form `enhance`

packages/create-svelte/templates/default/src/routes/sverdle/+page.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { confetti } from '@neoconfetti/svelte';
-	import { enhance } from '$app/forms';
+	import { applyAction, enhance } from '$app/forms';
 	import type { PageData, ActionData } from './$types';
+	import { invalidateAll } from '$app/navigation';
 
 	/** @type {import('./$types').PageData} */
 	export let data: PageData;
@@ -78,7 +79,19 @@
 
 <svelte:window on:keydown={keydown} />
 
-<form method="POST" action="?/enter" use:enhance>
+<form
+	method="POST"
+	action="?/enter"
+	use:enhance={() => {
+		// prevent default callback from resetting the form
+		return async ({ result }) => {
+			if (result.type === 'success') {
+				await invalidateAll();
+			}
+			await applyAction(result);
+		};
+	}}
+>
 	<a class="how-to-play" href="/sverdle/how-to-play">How to play</a>
 
 	<div class="grid" class:playing={!won} class:bad-guess={form?.badGuess}>