nuxt-tocTable of Contents for Nuxt Content

Works with Nuxt 4 and @nuxt/content v2 or v3. Pass-in TOC or auto-fetch. Active section highlighting out of the box.

Dual Content support

One module for @nuxt/content v2 (queryContent) and v3 (queryCollection). Detects the major at setup time.

Prefer :toc="page.body?.toc" from your page query, or let the component fetch via a version-specific plugin.

IntersectionObserver tracks h2/h3 headings and applies stable CSS classes you can theme.

ARIA roles and levels for list structure and headings, with a clear CSS class/id contract.