src/routes/+page.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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>