From c6f2f9cc5ac78d0969fbbcf79e00f9bb140ae598 Mon Sep 17 00:00:00 2001
From: JuLi0n21 <julianschlueterbusiness21@gmail.com>
Date: Thu, 12 Mar 2026 19:41:20 +0100
Subject: [PATCH] properly place cloudflare url

---
 frontend/src/components/SongItem.vue | 4 ++--
 frontend/src/composables/useAudio.ts | 2 +-
 frontend/src/views/MeView.vue        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/SongItem.vue b/frontend/src/components/SongItem.vue
index e01cce0..c56816e 100644
--- a/frontend/src/components/SongItem.vue
+++ b/frontend/src/components/SongItem.vue
@@ -32,8 +32,8 @@ function updateSong() {
       </h5>
       <h5 :style="{ color: action }" class="text-sm action">
         <slot name="length"
-          >{{ Math.floor(props.song.length / 60000 || 0) }}:{{
-            Math.floor((props.song.length ?? 0 / 1000) % 60)
+          >{{ Math.floor(props.song?.length / 60000 || 0) }}:{{
+            Math.floor((props.song?.length ?? 0 / 1000) % 60)
               .toString()
               .padStart(2, "0")
           }}</slot
diff --git a/frontend/src/composables/useAudio.ts b/frontend/src/composables/useAudio.ts
index 9fb44e1..d2cc770 100644
--- a/frontend/src/composables/useAudio.ts
+++ b/frontend/src/composables/useAudio.ts
@@ -127,7 +127,7 @@ function createAudio() {
 
   async function loadInitialSong() {
     try {
-      const api = musicApi();
+      const api = musicApi.value;
       const res = await api.musicBackendRecent();
       let songs = mapApiToSongs(res.data.songs);
       if (res.data?.songs?.length) {
diff --git a/frontend/src/views/MeView.vue b/frontend/src/views/MeView.vue
index 3801c59..edbbc4a 100644
--- a/frontend/src/views/MeView.vue
+++ b/frontend/src/views/MeView.vue
@@ -44,7 +44,7 @@ async function getMe() {
   }
 
   userStore.setUser(data);
-  userStore.cloudflareUrl.value(data.endpoint);
+  userStore.cloudflareUrl.value = data.endpoint;
 }
 
 onMounted(() => {