<script lang="ts">
    import Sqmenu from "$lib/sqmenu.svelte";
    import type { MenuData } from "$lib/classes/menudata"
    import About from "$lib/about.svelte";
    import { languages } from "$lib/store";

    let menudata: MenuData[] = [{menuLink: '/blog', menuName:'Blog'}, {menuLink: '/temps', menuName:'Temps'}, {menuLink: '/xema', menuName:'Dades XEMA'}, {menuLink: '/openmeteo', menuName:'Dades Open Meteo'}]
    const desc = `My favorite languages are`
</script>
<div class="p-8">
    <section id="main">
        <About who={'me'} headerImage={'/jo_web.jpg'}>
            <p>{desc} <code>{$languages}</code></p>
        </About>
    </section>
    <section id="menu">
        <Sqmenu {menudata} />
    </section>
</div>
