See what your Vue app is really doing.
Practical debugging paths, local inspection tools, and source-aware guides for Vue developers.
Trace consoleDurationStatus
◇AppShell<AppShell.vue>3.2msRender committed
{ }useAccountStorestores/account.ts1.1msState patch
◎GET /api/account/api/account142msRequest sent
⌁200 OKapplication/json6.8msResponse received
✓Render committedAccountView.vue2.0msResolved
Follow the evidence
Trace component updates, state changes, and API calls in order—so you can see cause and effect, not just symptoms.
- ◇Component updateWhat re-rendered and why.
- { }State changeWhat changed in your store.
- ◎API requestWhat was sent and where.
- ⌁API responseWhat came back.
- ✓Render resultWhat the UI committed.
Browser-local tools for real debugging
Everything runs in your browser. No servers. No uploads. Full control.
JSON ViewerState TreeAPI Inspector
{
"account": {
"id": "acc_8f73c1",
"balance": 1250.75,
"status": "active",
"limits": { "daily": 5000 }
}
}Built for iGaming frontends
Real-time state, high-frequency interfaces, and strict reliability demands—without promotional gambling content.
- Real-time state insightTrace rapid UI updates.
- Latency visibilityInspect timing and slowdowns.
- Error claritySurface failures in context.
- Responsible by defaultDesign clear controls and limits.