Skip to content
duxt

DuxtNavigation

The sidebar tree.

The nested list of pages in the current section.

Usage

<script setup lang="ts">
const { data: navigation } = await useDuxtNavigation();
const { items } = useDuxtSection(navigation);
</script>

<template>
  <DuxtNavigation :items="items" />
</template>

API

Props

PropTypeNotes
itemsContentNavigationItem[]Required — a branch of Content's tree

Notes

The tree comes from useDuxtNavigation(), which asks the collection serving the current route — so a versioned site gets that version's tree, not the default one's.

Was this page helpful?