What are Nuxt DevTools?

Nuxt DevTools is an official browser-based development tool included in Nuxt 3 (enable with devtools: { enabled: true } in config). It provides a visual interface accessible at /__nuxt_devtools__/ with tabs for: Pages (all routes), Components (component tree with props), Imports (auto-imported composables and utilities), Modules (installed modules), Assets (static files), Plugins, Hooks, and a built-in VS Code extension for opening components directly. It also includes a bundle analyzer, timeline for performance profiling, and component inspector for clicking elements in the browser to jump to source. It's invaluable for understanding what Nuxt generates at runtime.