From b9243b35a61581950474bdae2371b7ceea506143 Mon Sep 17 00:00:00 2001
From: Alikia2x <ziwen243@outlook.com>
Date: Sun, 12 May 2024 14:28:51 +0800
Subject: [PATCH] fix: current lyric class apply on multiple lines of lyrics
 which has same content

---
 src/lib/components/lyrics.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/lyrics.svelte b/src/lib/components/lyrics.svelte
index aa6111c..94a42a9 100644
--- a/src/lib/components/lyrics.svelte
+++ b/src/lib/components/lyrics.svelte
@@ -11,8 +11,8 @@
     let _refs: any[] = [];
     $: refs = _refs.filter(Boolean);
 
-    function getClass(lyric: string, progress: number) {
-        if (lyric === currentLyric.text) return 'current-lyric';
+    function getClass(lyricIndex: number, progress: number) {
+        if (lyricIndex === currentLyricIndex) return 'current-lyric';
         else if (progress > currentLyric.endSeconds) return 'after-lyric';
         else return 'previous-lyric';
     }
@@ -62,7 +62,7 @@
 {#if lyrics && originalLyrics}
     <div class="lyrics" style="overflow-y: auto">
         {#each lyrics as lyric, i}
-            <p bind:this={_refs[i]} class={getClass(lyric, progress)}>
+            <p bind:this={_refs[i]} class={getClass(i, progress)}>
                 {lyric}
             </p>
         {/each}