Agent skill · software engineering · vuejs-ai
vue-debug-guides
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
Why this skill is useful
Provides specific debugging patterns and solutions for Vue 3 that the AI wouldn't reliably generate on its own.
What it needs
About 7k tokens when loaded. Last updated 2026-05-30. 2,762 stars on the source repository.
What this skill does
Vue 3 debugging and error handling for runtime issues, warnings, async failures, and hydration bugs. For development best practices and common gotchas, use vue-best-practices. Reactivity Tracing unexpected re-renders and state updates → See reactivity-debugging-hooks Ref values not updating due to missing .value access → See ref-value-access State stops updating after destructuring reactive objects → See reactive-destructuring Refs inside arrays, Maps, or Sets not unwrapping → See refs-in-collections-need-value Nested refs rendering as [object Object] in templates → See template-ref-unwrapping-top-level Reactive proxy identity comparisons always return false → See reactivity-proxy-identity-hazard Third-party instances breaking when proxied → See reactivity-markraw-for-non-reactive Watchers only firing once per tick unexpectedly → See reactivity-same-tick-batching Computed Computed getter triggers mutations or requests unexpectedly → See computed-no-side-effects Mutating computed values causes changes to disappear → See computed-return-value-readonly Computed value never updates after conditional logic → See computed-conditional-dependencies Sorting or reversing arrays breaks original state → See computed-array-mutation Passing parameters to computed properties fails → See computed-no-parameters Watchers Async operations overwriting with stale data → See watch-async-cleanup Creating watchers inside async callbacks → See watch-async-creation-memory-leak Watcher never triggers for reactive object properties → See watch-reactive-property-getter Async watchEffect misses dependencies after await → See watcheffect-async-dependency-tracking DOM reads are stale inside watcher callbacks → See watch-flush-timing Deep watchers report identical old/new values → See watch-deep-same-object-reference watchEffect runs before template refs update → See watcheffect-flush-post-for-refs Components Child component throws "component not found" error → See local-components-not-in-descendan …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills vuejs-ai/vue-debug-guides