From fdf2aeb675cf5a9f0ffe7dc7cde09d7382a71610 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Fri, 25 Sep 2026 23:00:27 +0200
Subject: [PATCH] Handle songs without lyrics in player

---
 app/components/Player/Fullscreen.vue               | 2 +-
 app/components/Player/Fullscreen/LyricsDisplay.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Player/Fullscreen.vue b/app/components/Player/Fullscreen.vue
index 2ec218b..bb1b2ec 100644
--- a/app/components/Player/Fullscreen.vue
+++ b/app/components/Player/Fullscreen.vue
@@ -54,7 +54,7 @@ nuxtApp.hook("page:finish", () => {
 				@click="closeFullscreen()"
 			/>
 
-			<div class="content-container" :class="{ lyrics: song.lyrics }">
+			<div class="content-container" :class="{ lyrics: song.lyrics?.text }">
 				<PlayerFullscreenTrackDisplay :show-buttons="mouseMovedRecently" />
 				<PlayerFullscreenLyricsDisplay
 					:animation-duration="0.2"
diff --git a/app/components/Player/Fullscreen/LyricsDisplay.vue b/app/components/Player/Fullscreen/LyricsDisplay.vue
index aabff2c..b15d1c7 100644
--- a/app/components/Player/Fullscreen/LyricsDisplay.vue
+++ b/app/components/Player/Fullscreen/LyricsDisplay.vue
@@ -10,7 +10,7 @@ const { fullscreen } = useFullscreen()
 const { secondsPlayed } = usePlayer()
 
 const parsedLyrics = computed(() => {
-	if (!song.value || !song.value.lyrics.synced) return
+	if (!song.value?.lyrics?.synced) return
 
 	if (song.value.lyrics.synced) return parseLyrics(song.value.lyrics.text)
 })
@@ -169,7 +169,7 @@ const finalTransform = computed(() => {
 		</div>
 	</div>
 	<div
-		v-else-if="song && song.lyrics && song.lyrics.text"
+		v-else-if="song?.lyrics?.text"
 		class="lyrics"
 		:style="{
 			height: `${height}px`,