initial

frontend/app/layouts/main.vue

@@ -0,0 +1,29 @@
+<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>