feat: useMenuItems

2026-03-27 08:18:18 -04:00
parent 5013935e84
commit 31ac7b8b4d
6 changed files with 44 additions and 3 deletions
--- a/wp-content/themes/headless/app/components/site/SiteHeader.vue
+++ b/wp-content/themes/headless/app/components/site/SiteHeader.vue
@@ -1,3 +1,7 @@
+<script setup lang="ts">
+const { data: menuItems } = await useMenuItems({ location: "MAIN" });
+</script>
+
 <template>
  <UHeader mode="slideover">
    <template #left>
@@ -5,5 +9,9 @@
        <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>