<script setup lang="ts">
const { data: menuItems } = await useMenuItems({ location: "MAIN" });
</script>

<template>
  <UHeader mode="slideover">
    <template #left>
      <NuxtLink to="/">
        <SvgSiteLogo class="h-10 w-auto" />
      </NuxtLink>
    </template>
    <UNavigationMenu :items="menuItems" content-orientation="vertical" />
    <template #body>
      <UNavigationMenu :items="menuItems" orientation="vertical" class="-mx-2.5" />
    </template>
  </UHeader>
</template>
