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(() => {