<template>
    <div id="app">
        <Sidebar></Sidebar>
        <ScrollComponent>
            <NuxtPage></NuxtPage>
        </ScrollComponent>
    </div>
</template>

<script setup lang="ts">
import { useNamespaceStore } from '#imports';

const namespaceStore = useNamespaceStore();
onMounted(() => {
    namespaceStore.init();
})
</script>

<style scoped>
#app {
    display: grid;
    grid-template-columns: auto 1fr;
    min-height: 100%;
    align-items: flex-start;
}
</style>