Nuxt module documentation

Observe the parts of your Nuxt app that usually stay opaque

Setup, feature guides, API reference, and troubleshooting for Nuxt DevTools Observatory.

Nuxt DevTools Observatory adds targeted visibility for fetch activity, composables, provide/inject chains, renders, and transitions so you can debug app behavior from the same place you inspect the rest of Nuxt.

Built around the five panels you actually use while debugging

Each guide maps directly to the playground scenarios and the runtime registries behind the module.
useFetch Dashboard
Trace fetch calls, timings, payload shape, and request lifecycles without instrumenting your app by hand.
provide/inject Graph
Inspect provider chains, missing injections, and component-level data flow with a graph view built for debugging.
Composable Tracker
See how composables are registered, reused, and torn down so leaks and accidental duplication stand out quickly.
Render Heatmap
Identify hot components and noisy updates before they become performance regressions in real screens.
Transition Tracker
Validate transition hooks and animation flow to understand what actually happens during navigation and UI state changes.
API Reference
Check module options, RPC contracts, and snapshot structures against the implementation shipped in this repository.

Start with a clean path

Use the setup pages first, then move into feature guides once the module is collecting data from your app.
Installation
Add the module, enable DevTools, and verify your first signal.
Configuration
Tune instrumentation scope, thresholds, and runtime behavior.
Troubleshooting
Handle missing panels, empty registries, and stale instrumentation.

Need the exact option names and runtime contracts?

The reference section tracks the module options and snapshot types directly from the repository source.