finished init

app/app.vue

@@ -1,6 +1,38 @@
+<script setup lang="ts">
+import type { NavigationMenuItem } from '@nuxt/ui';
+
+const navItems = computed<NavigationMenuItem[]>(() => [
+  {
+    label: 'Home',
+    to: '/'
+  }
+])
+
+</script>
 <template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
-  </div>
+  <UApp>
+    <UHeader>
+      <template #left>
+        Dungeons and Dragons
+      </template>
+      <UNavigationMenu :items="navItems" />
+      <template #right />
+    </UHeader>
+
+    <UMain>
+      <NuxtPage />
+    </UMain>
+
+    <USeparator />
+
+    <UFooter>
+      <template #left>
+        <p class="text-sm text-muted">
+          Built by VonBurghausen • © {{ new Date().getFullYear() }}
+        </p>
+      </template>
+
+      <template #right />
+    </UFooter>
+  </UApp>>
 </template>

app/assets/css/main.css

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@import "@nuxt/ui";