svelte-ts/src/routes/+page.svelte

<script lang="ts">
    import Sqmenu from "$lib/sqmenu.svelte";
    import type { MenuData } from "$lib/classes/menudata"
    import About from "$lib/about.svelte";
    let menudata: MenuData[] = [{menuLink: '/blog', menuName:'Blog'}, {menuLink: '/temps', menuName:'Temps'}, {menuLink: '/xema', menuName:'Dades XEMA'}, {menuLink: '/openmeteo', menuName:'Dades Open Meteo'}]
</script>
<div class="p-8">
    <section id="main">
        <About who={'me'} desc={'aaaaaaa'} headerImage={'/jo_web.jpg'} />
    </section>
    <section id="menu">
        <Sqmenu {menudata} />
    </section>
</div>