29 lines
733 B
Vue
29 lines
733 B
Vue
<template>
|
|
<div>
|
|
<!-- This is our custom navbar component. It has been automatically imported from the 'components' folder -->
|
|
<NavBar />
|
|
<UContainer>
|
|
<!-- the 'prose' class will apply basic typography for the whole app -->
|
|
<div class="w-full prose max-w-none py-5">
|
|
<!-- This is where all the pages will be rendered -->
|
|
<slot />
|
|
</div>
|
|
</UContainer>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { appState } from "#imports";
|
|
|
|
const state = appState();
|
|
|
|
// A demo
|
|
|
|
// This hook will be called when the layout has beed initialized
|
|
onMounted(async () => {
|
|
setInterval(() => {
|
|
state.value.time = new Date();
|
|
}, 1000);
|
|
});
|
|
|
|
console.log("app initialized...");
|
|
</script>
|