<script setup lang="ts">
import type { NavigationMenuItem } from '@nuxt/ui';

const navItems = computed<NavigationMenuItem[]>(() => [
  {
    label: 'Home',
    to: '/'
  }
])

</script>
<template>
  <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>
