fix: eliminate Svelte state_referenced_locally build warnings

3 files changed, 9 insertions, 4 deletions

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 12a088a..6611bbc 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,7 +7,7 @@
 	let name = $state('');
 	let inputRef: HTMLInputElement;
 	// eslint-disable-next-line svelte/prefer-writable-derived
-	let localItems = $state(data?.items ?? []);
+	let localItems = $state([]);
 	let addError = $state('');
 	// Sync local list with server data when it changes externally (toggle, navigation)
 	$effect(() => {
diff --git a/src/routes/categories/+page.svelte b/src/routes/categories/+page.svelte
index b5ef3f7..a5e9528 100644
--- a/src/routes/categories/+page.svelte
+++ b/src/routes/categories/+page.svelte
@@ -5,7 +5,7 @@
 	let name = $state('');
 	let draggedIndex = $state<number | null>(null);
 	// eslint-disable-next-line svelte/prefer-writable-derived
-	let localCategories = $state(data?.categories ?? []);
+	let localCategories = $state([]);
 
 	// Sync with server data on navigation
 	$effect(() => {
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index c4e964c..531fbf7 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -2,13 +2,18 @@
 	import { enhance } from '$app/forms';
 
 	let { data, form } = $props();
-	let name = $state(data.item.name);
-	let categoryId = $state(data.item.categoryId ?? -1);
+	let name = $state('');
+	let categoryId = $state(-1);
 	let saved = $state(false);
 	let isSubmitting = $state(false);
 	let formRef: HTMLFormElement;
 
 	$effect(() => {
+		name = data.item.name;
+		categoryId = data.item.categoryId ?? -1;
+	});
+
+	$effect(() => {
 		if (form?.success && form?.type === 'update') {
 			saved = true;
 			const t = setTimeout(() => (saved = false), 2000);