From bccf03fb77c9318c0b04dd2475683972e9c350df Mon Sep 17 00:00:00 2001
From: jay <thejayman77@gmail.com>
Date: Wed, 10 Jun 2026 18:44:31 -0400
Subject: [PATCH] =?UTF-8?q?Fix=20Daily=20Word=20stuck=20on=20"Loading?=
 =?UTF-8?q?=E2=80=A6"=20(infinite=20reload=20loop)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The variant-watch $effect read `loading`, but load() flips `loading` false at
the end — which re-fired the effect, which called load() again, forever. The
board never rendered. Effect now tracks ONLY `variant`, so it loads once on
mount and once per variant toggle.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/lib/components/WordGame.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/WordGame.svelte b/frontend/src/lib/components/WordGame.svelte
index 777f2b2..357f118 100644
--- a/frontend/src/lib/components/WordGame.svelte
+++ b/frontend/src/lib/components/WordGame.svelte
@@ -1,5 +1,4 @@
 <script>
-  import { onMount } from 'svelte';
   import { getJSON } from '$lib/api.js';
 
   let { variant = '5', onstatus } = $props();
@@ -143,8 +142,12 @@
     else navigator.clipboard?.writeText(text).then(() => { copied = true; setTimeout(() => (copied = false), 1500); });
   }
 
-  onMount(load);
-  $effect(() => { variant; if (!loading) load(); }); // reload when the variant toggles
+  // Load on mount and whenever the variant toggles. Tracks ONLY `variant` — it
+  // must not depend on `loading`, or load()'s own loading flip would re-fire it.
+  $effect(() => {
+    variant;
+    load();
+  });
 </script>
 
 <svelte:window onkeydown={onKeydown} />