home: Migrate the playlist API request to client-side-only

ThrRip · Sep 3, 2023 · 47b7d39 · 47b7d39
1 parent b76e705
commit 47b7d39
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/packages/home/app.vue b/packages/home/app.vue
@@ -338,16 +338,18 @@ type Playlist = Array<Song>
 const backendPlaylist = ref<Playlist>([])
 const backendFetchPlaylistState = ref<'processing' | 'succeeded' | 'failed'>('processing')
 
-backendDatabases.listDocuments('home', 'playlist', [Query.limit(1000)])
-  .then(
-    (res) => {
-      backendFetchPlaylistState.value = 'succeeded'
-      backendPlaylist.value = res.documents
-    },
-    () => {
-      backendFetchPlaylistState.value = 'failed'
-    }
-  )
+onBeforeMount(() => {
+  backendDatabases.listDocuments('home', 'playlist', [Query.limit(1000)])
+    .then(
+      (res) => {
+        backendFetchPlaylistState.value = 'succeeded'
+        backendPlaylist.value = res.documents
+      },
+      () => {
+        backendFetchPlaylistState.value = 'failed'
+      }
+    )
+})
 
 const backendPlaylistShuffled = computed<Playlist>(() => {
   if (backendPlaylist.value.length !== 0) {