Data is retrieved from API

2024-10-22 17:01:34 +02:00
parent 0d65628bd7
commit 7608d323ec
10 changed files with 114 additions and 16 deletions
--- a/front/src/routes/+page.svelte
+++ b/front/src/routes/+page.svelte
@@ -1,7 +1,18 @@
 <script>
-    import {scoreStore} from "$lib/stores/scoreStore.ts"
+    import { onMount } from 'svelte';
+    import { scoreStore } from "$lib/stores/scoreStore.ts";
    import LeaderBoard from "$lib/components/LeaderBoard.svelte";

+    let scores;
+
+    onMount(async () => {
+        scores = await scoreStore;
+    });
+
 </script>

-<LeaderBoard bind:scores={$scoreStore}></LeaderBoard>
+{#if scores}
+    <LeaderBoard bind:scores={$scores}></LeaderBoard>
+{:else}
+    <p>Loading leaderboard...</p>
+{/if}