From 9457737082ef8a18feb6139e1a10868e7d26f731 Mon Sep 17 00:00:00 2001
From: whidix <theodor.vallier@whidix.dev>
Date: Sun, 8 Mar 2026 22:18:36 +0100
Subject: [PATCH] refactor: simplify steps initialization by using derived
 state

---
 src/routes/(admin)/admin/games/[id]/+page.svelte | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/routes/(admin)/admin/games/[id]/+page.svelte b/src/routes/(admin)/admin/games/[id]/+page.svelte
index 51b7bc2..441d5c8 100644
--- a/src/routes/(admin)/admin/games/[id]/+page.svelte
+++ b/src/routes/(admin)/admin/games/[id]/+page.svelte
@@ -6,17 +6,12 @@
 	let { data }: { data: PageData } = $props();
 
 	let game = $derived.by(() => data.game);
-	let steps = $state<typeof data.game.steps>([]);
+	let steps = $derived([...(game.steps ?? [])]);
 	let draggedStepId = $state<number | null>(null);
 	let reorderPayload = $state('');
 	let reorderForm = $state<HTMLFormElement | undefined>(undefined);
 	let stepToDelete = $state<{ id: number; title: string; order: number } | null>(null);
 
-	// Update steps when game data changes
-	$effect(() => {
-		steps = [...(game.steps ?? [])];
-	});
-
 	function openDeleteModal(step: { id: number; title: string; order: number }) {
 		stepToDelete = step;
 	}