<template>
    <div id="app">
        <InspectSidebar></InspectSidebar>
        <div class="page">
            <ScrollComponent>
                <NuxtPage></NuxtPage>
            </ScrollComponent>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useNamespaceStore } from '#imports';
import InspectSidebar from '~/components/InspectSidebar.vue';

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

<style scoped>
#app {
    display: grid;
    grid-template-columns: 13rem 1fr;
    min-height: 100%;
    align-items: flex-start;
}
.page {
    padding: 1rem;
    height: 100%;
    width: 100%;
    border-radius: 0.5rem;
}
</style>