Started on media player

src/routes/(app)/search/+page.server.ts

@@ -4,11 +4,14 @@ import { SECRET_INTERNAL_API_KEY } from '$env/static/private'
 export const load: PageServerLoad = async ({ fetch, url, locals }) => {
     const query = url.searchParams.get('query')
     if (query) {
-        const searchResults: { searchResults: (Song | Album | Artist | Playlist)[] } = await fetch(`/api/search?query=${query}&userId=${locals.user.id}`, {
-            method: 'GET',
-            headers: { apikey: SECRET_INTERNAL_API_KEY },
-        }).then((response) => response.json())
+        const getSearchResults = async (): Promise<(Song | Album | Artist | Playlist)[]> => {
+            const searchResults = await fetch(`/api/search?query=${query}&userId=${locals.user.id}`, {
+                method: 'GET',
+                headers: { apikey: SECRET_INTERNAL_API_KEY },
+            }).then((response) => response.json())
+            return searchResults.searchResults
+        }
 
-        return searchResults
+        return { searchResults: getSearchResults() }
     }
 }

src/routes/(app)/search/+page.svelte

@@ -5,7 +5,9 @@
 </script>
 
 {#if data.searchResults}
-    {#each data.searchResults as searchResult}
-        <div>{searchResult.name} - {searchResult.type}</div>
-    {/each}
+    {#await data.searchResults then searchResults}
+        {#each searchResults as searchResult}
+            <div>{searchResult.name} - {searchResult.type}</div>
+        {/each}
+    {/await}
 {/if}