[fix] Disable delete button while waiting for API response (#2172)

.changeset/wicked-humans-taste.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Disable delete button while waiting for API response

packages/create-svelte/templates/default/src/routes/todos/index.svelte

@@ -31,6 +31,7 @@
 		created_at: Date;
 		text: string;
 		done: boolean;
+		pending_delete: boolean;
 	};
 
 	export let todos: Todo[];
@@ -105,12 +106,13 @@
 				action="/todos/{todo.uid}.json?_method=delete"
 				method="post"
 				use:enhance={{
+					pending: () => (todo.pending_delete = true),
 					result: () => {
 						todos = todos.filter((t) => t.uid !== todo.uid);
 					}
 				}}
 			>
-				<button class="delete" aria-label="Delete todo" />
+				<button class="delete" aria-label="Delete todo" disabled={todo.pending_delete} />
 			</form>
 		</div>
 	{/each}