diff --git a/nginx/vue/src/components/home/Listening.vue b/nginx/vue/src/components/home/Listening.vue
index f84b5a9..7bea741 100644
--- a/nginx/vue/src/components/home/Listening.vue
+++ b/nginx/vue/src/components/home/Listening.vue
@@ -3,6 +3,7 @@ import { ref, computed, onMounted, onUnmounted } from "vue";
 import { useSongsStore } from "@/stores/songs";
 
 const songsStore = useSongsStore();
+songsStore.fetchSongs();
 const idx = ref(0);
 const song = computed(() => songsStore.songs[idx.value]);