Initial commitmain

1 files changed, 21 insertions, 0 deletions

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..5365d99
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    import ExtensionCategory from '$lib/components/ExtensionCategory.svelte';
+    import MirrorSelector from '$lib/components/MirrorSelector.svelte';
+    import { selectedDomain } from '$lib/stores/mirror';
+
+    let { data } = $props();
+    let { extensions, domains } = $derived(data);
+</script>
+
+<div class="container">
+    <div class="page-header">
+        <h1>Mihon & Aniyomi Extensions</h1>
+        <a href="/search" class="btn btn-secondary header-btn"> Search </a>
+    </div>
+
+    <MirrorSelector {domains} />
+
+    {#each Object.entries(extensions) as [category, repos]}
+        <ExtensionCategory {category} {repos} selectedDomain={$selectedDomain} />
+    {/each}
+</div>