@yhwh-script/create-app/sqlite-examples/public/elements/home/home-app.html

A yhwh-script web app can become anything you want it to become. Set it up with just one command.

<template>
    <home-header></home-header>
    <home-navigation></home-navigation>
    <main>
        <slot></slot>
    </main>
</template>

<script prefer>
    const slot = shadowDocument.querySelector("slot");
    shadowDocument.host.addEventListener('navigate', (e) => {
        slot.replaceChildren(e.detail);
        window.scrollX = 0; // move to top
        window.scrollY = 0;
    })
</script>