From 3cef59f257a40560eda2acb57435472697bb44f6 Mon Sep 17 00:00:00 2001 From: Harvey Date: Sat, 18 Apr 2026 02:29:38 +0100 Subject: [PATCH] Fix music source hero cards --- .../src/lib/components/BrowseHeroCards.svelte | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/frontend/src/lib/components/BrowseHeroCards.svelte b/frontend/src/lib/components/BrowseHeroCards.svelte index 2a2c68a..b79f98f 100644 --- a/frontend/src/lib/components/BrowseHeroCards.svelte +++ b/frontend/src/lib/components/BrowseHeroCards.svelte @@ -47,16 +47,18 @@ let hoveredIndex = $state(null); let cardEls: HTMLAnchorElement[] = []; - let tiltStyles: string[] = $derived(Array(cards.length).fill('')); - let specularStyles: string[] = $derived(Array(cards.length).fill('')); + // svelte-ignore state_referenced_locally + let tiltStyles: string[] = $state(Array(cards.length).fill('')); + // svelte-ignore state_referenced_locally + let specularStyles: string[] = $state(Array(cards.length).fill('')); const tweenDuration = reducedMotion ? 0 : 1200; - const counters: Tweened[] = $derived.by(() => - Array.from({ length: cards.length }, () => - tweened(0, { duration: tweenDuration, easing: cubicOut }) - ) + // svelte-ignore state_referenced_locally + const counters: Tweened[] = Array.from({ length: cards.length }, () => + tweened(0, { duration: tweenDuration, easing: cubicOut }) ); - let counterValues: number[] = $derived(Array(cards.length).fill(0)); + // svelte-ignore state_referenced_locally + let counterValues: number[] = $state(Array(cards.length).fill(0)); $effect(() => { const unsubs = counters.map((c, i) =>