Vue Composable ObserverDebug composables at runtime

Visualize composable relationships, component ownership, reactive state and dependency chains — directly inside Vue DevTools.

🔍

Runtime inspection

See every composable instance as it's created, updated and destroyed — without touching your source code.

🌳

Understand which composables depend on each other and visualize the full nesting hierarchy.

📦

Know exactly which component is responsible for each composable instance.

⚡

Watch reactive state change in real time. Every ref and reactive object is tracked automatically.

🛠

Three dedicated inspectors — Runtime, Component, and Flat — built right into your existing DevTools workflow.

🧹

Conditionally register the Vue plugin behind import.meta.env.DEV to skip tracking in production builds.