<script lang="ts">
    import {locals} from "../ts/stores";
    import {route} from "../../common/Routing";
    import BaseLayout from "./layouts/BaseLayout.svelte";
</script>

<BaseLayout title="{$locals.app.name}" h1={false}>
    <div class="panel">
        <h1>swaf - Svelte Web Application Framework</h1>
        <p>Welcome to {$locals.app.name}!</p>

        <nav>
            <ul>
                <li><a href={route('tests')}>Frontend tests</a></li>
                <li><a href={route('design')}>Design test</a></li>
            </ul>
        </nav>
    </div>
</BaseLayout>
