vue-debug-guides
This skill provides guides for diagnosing and fixing Vue 3 runtime issues including reactivity bugs, component errors, template problems, form binding issues…
Community author
- Agents
- Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
- License
- MIT (permissive)
- Pin
- c9d355fpinned Oct 9, 2026
- Context cost
- about 5,100 tokenswhen the skill loads
- GitHub stars
- 2,890on vuejs-ai/skills
- Scripts
- None found
What it does
“Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.”
Generated summary from the skill's own text
This skill provides guides for diagnosing and fixing Vue 3 runtime issues including reactivity bugs, component errors, template problems, form binding issues, and SSR/hydration failures. It covers debugging techniques for watchers, computed properties, lifecycle hooks, slots, provide/inject, animations, transitions, and TypeScript integration across 150+ reference documents.
When to use it
- Debugging unexpected state changes or re-render loops in Vue 3 apps
- Fixing component communication errors, template ref issues, or prop/emit problems
- Resolving form binding, v-model, or event listener failures
- Troubleshooting async component loading, transitions, or SSR hydration mismatches
When not to
- Learning Vue 3 best practices and code organization patterns
- Setting up build tools, routing, or state management libraries
- Writing new code before understanding Vue 3 fundamentals
Install
These commands install from the publisher's repository and need no account.
skills CLI
npx skills add vuejs-ai/skills --skill vue-debug-guidesInstalls from the repository's default branch, which may have changed since the commit we checked.
GitHub CLI 2.90 or later
gh skill install vuejs-ai/skills vue-debug-guides@c9d355ff23f654309dd02006be671859df0a134cInstalls the commit we checked (c9d355f).
Copy by hand
Download the folder at c9d355f and put it in .claude/skills/vue-debug-guides for Claude Code and in .agents/skills/vue-debug-guides for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
Copy for your agent
A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.
Prompt
Install the agent skill "vue-debug-guides" by vuejs-ai. Source, pinned to commit c9d355ff23f654309dd02006be671859df0a134c: https://github.com/vuejs-ai/skills/tree/c9d355ff23f654309dd02006be671859df0a134c/skills/vue-debug-guides 1. Download that folder at exactly this commit. Do not use the default branch. 2. Copy every file unchanged, keeping the folder structure, into .claude/skills/vue-debug-guides/ for Claude Code and .agents/skills/vue-debug-guides/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist. 3. Do not edit the files, and do not run any script in the folder unless I ask you to. 4. When you are done, list the files you copied and where you put them. Listing and checks: https://www.agentnative.dev/skills/vuejs-ai/vue-debug-guides
SKILL.md at the pin
--- name: vue-debug-guides description: Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues. --- 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](reference/reactivity-debugging-hooks.md) - Ref values not updating due to missing .value access → See [ref-value-access](reference/ref-value-access.md) - State stops updating after destructuring reactive objects → See [reactive-destructuring](reference/reactive-destructuring.md) - Refs inside arrays, Maps, or Sets not unwrapping → See [refs-in-collections-need-value](reference/refs-in-collections-need-value.md) - Nested refs rendering as [object Object] in templates → See [template-ref-unwrapping-top-level](reference/template-ref-unwrapping-top-level.md) - Reactive proxy identity comparisons always return false → See [reactivity-proxy-identity-hazard](reference/reactivity-proxy-identity-hazard.md) - Third-party instances breaking when proxied → See [reactivity-markraw-for-non-reactive](reference/reactivity-markraw-for-non-reactive.md) - Watchers only firing once per tick unexpectedly → See [reactivity-same-tick-batching](reference/reactivity-same-tick-batching.md) ### Computed - Computed getter triggers mutations or requests unexpectedly → See [computed-no-side-effects](reference/computed-no-side-effects.md) - Mutating computed values causes changes to disappear → See [computed-return-value-readonly](reference/computed-return-value-readonly.md) - Computed value never updates after conditional logic → See [computed-conditional-dependencies](reference/computed-conditional-dependencies.md) - Sorting or reversing arrays breaks original state → See [computed-array-mutation](reference/computed-array-mutation.md) - Passing parameters to computed properties fails → See [computed-no-parameters](reference/computed-no-parameters.md) ### Watchers - Async operations overwriting with stale data → See [watch-async-cleanup](reference/watch-async-cleanup.md) - Creating watchers inside async callbacks → See [watch-async-creation-memory-leak](reference/watch-async-creation-memory-leak.md) - Watcher never triggers for reactive object properties → See [watch-reactive-property-getter](reference/watch-reactive-property-getter.md) - Async watchEffect misses dependencies after await → See [watcheffect-async-dependency-tracking](reference/watcheffect-async-dependency-tracking.md) - DOM reads are stale inside watcher callbacks → See [watch-flush-timing](reference/watch-flush-timing.md) - Deep watchers report identical old/new values → See [watch-deep-same-object-reference](reference/watch-deep-same-object-reference.md) - watchEffect runs before template refs update → See [watcheffect-flush-post-for-refs](reference/watcheffect-flush-post-for-refs.md) ### Components - Child component throws "component not found" error → See [local-components-not-in-descendants](reference/local-components-not-in-descendants.md) - Click listener doesn't fire on custom component → See [click-events-on-components](reference/click-events-on-components.md) - Parent can't access child ref data in script setup → See [component-ref-requires-defineexpose](reference/component-ref-requires-defineexpose.md) - HTML template parsing breaks Vue component syntax → See [in-dom-template-parsing-caveats](reference/in-dom-template-parsing-caveats.md) - Wrong component renders due to naming collisions → See [component-naming-conflicts](reference/component-naming-conflicts.md) - Parent styles don't apply to multi-root component → See [multi-root-component-class-attrs](reference/multi-root-component-class-attrs.md) ### Props & Emits - Variables referenced in defineProps cause errors → See [prop-defineprops-scope-limitation](reference/prop-defineprops-scope-limitation.md) - Component emits undeclared event causing warnings → See [declare-emits-for-documentation](reference/declare-emits-for-documentation.md) - defineEmits used inside function or conditional → See [defineEmits-must-be-top-level](reference/defineEmits-must-be-top-level.md) - defineEmits has both type and runtime arguments → See [defineEmits-no-runtime-and-type-mixed](reference/defineEmits-no-runtime-and-type-mixed.md) - Native event listeners not responding to clicks → See [native-event-collision-with-emits](reference/native-event-collision-with-emits.md) - Component event fires twice when clicking → See [undeclared-emits-double-firing](reference/undeclared-emits-double-firing.md) ### Templates - Getting template compilation errors with statements → See [template-expressions-restrictions](reference/template-expressions-restrictions.md) - "Cannot read property of undefined" runtime errors → See [v-if-null-check-order](reference/v-if-null-check-order.md) - Dynamic directive arguments not working properly → See [dynamic-argument-constraints](reference/dynamic-argument-constraints.md) - v-else elements rendering unconditionally always → See [v-else-must-follow-v-if](reference/v-else-must-follow-v-if.md) - Mixing v-if with v-for causes precedence bugs and migration breakage → See [no-v-if-with-v-for](reference/no-v-if-with-v-for.md) - Template function calls mutating state cause unpredictable re-render bugs → See [template-functions-no-side-effects](reference/template-functions-no-side-effects.md) - Child components in loops showing undefined data → See [v-for-component-props](reference/v-for-component-props.md) - Array order changing after sorting or reversing → See [v-for-computed-reverse-sort](reference/v-for-computed-reverse-sort.md) - List items disappearing or swapping state unexpectedly → See [v-for-key-attribute](reference/v-for-key-attribute.md) - Getting off-by-one errors with range iteration → See [v-for-range-starts-at-one](reference/v-for-range-starts-at-one.md) - v-show or v-else not working on template elements → See [v-show-template-limitation](reference/v-show-template-limitation.md) ### Template Refs - Ref becomes null when element is conditionally hidden → See [template-ref-null-with-v-if](reference/template-ref-null-with-v-if.md) - Ref array indices don't match data array in loops → See [template-ref-v-for-order](reference/template-ref-v-for-order.md) - Refactoring template ref names breaks silently in code → See [use-template-ref-vue35](reference/use-template-ref-vue35.md) ### Forms & v-model - Initial form values not showing when using v-model → See [v-model-ignores-html-attributes](reference/v-model-ignores-html-attributes.md) - Textarea content changes not updating the ref → See [textarea-no-interpolation](reference/textarea-no-interpolation.md) - iOS users cannot select dropdown first option → See [select-initial-value-ios-bug](reference/select-initial-value-ios-bug.md) - Parent and child components have different values → See [define-model-default-value-sync](reference/define-model-default-value-sync.md) - Object property changes not syncing to parent → See [definemodel-object-mutation-no-emit](reference/definemodel-object-mutation-no-emit.md) - Real-time search/validation broken for Chinese/Japanese input → See [v-model-ime-composition](reference/v-model-ime-composition.md) - Number input returns empty string instead of zero → See [v-model-number-modifier-behavior](reference/v-model-number-modifier-behavior.md) - Custom checkbox values not submitted in forms → See [checkbox-true-false-value-form-submission](reference/checkbox-true-false-value-form-submission.md) ### Events & Modifiers - Chaining multiple event modifiers produces unexpected results → See [event-modifier-order-matters](reference/event-modifier-order-matters.md) - Keyboard shortcuts don't fire with system modifier keys → See [keyup-modifier-timing](reference/keyup-modifier-timing.md) - Keyboard shortcuts fire with unintended modifier combinations → See [exact-modifier-for-precise-shortcuts](reference/exact-modifier-for-precise-shortcuts.md) - Combining passive and prevent modifiers breaks event behavior → See [no-passive-with-prevent](reference/no-passive-with-prevent.md) ### Lifecycle - Memory leaks from unremoved event listeners → See [cleanup-side-effects](reference/cleanup-side-effects.md) - DOM access fails before component mounts → See [lifecycle-dom-access-timing](reference/lifecycle-dom-access-timing.md) - DOM reads return stale values after state changes → See [dom-update-timing-nexttick](reference/dom-update-timing-nexttick.md) - SSR rendering differs from client hydration → See [lifecycle-ssr-awareness](reference/lifecycle-ssr-awareness.md) - Lifecycle hooks registered asynchronously never run → See [lifecycle-hooks-synchronous-registration](reference/lifecycle-hooks-synchronous-registration.md) ### Slots - Accessing child component data in slot content returns undefined values → See [slot-render-scope-parent-only](reference/slot-render-scope-parent-only.md) - Mixing named and scoped slots together causes compilation errors → See [slot-named-scoped-explicit-default](reference/slot-named-scoped-explicit-default.md) - Using v-slot on native HTML elements causes compilation errors → See [slot-v-slot-on-components-or-templates-only](reference/slot-v-slot-on-components-or-templates-only.md) - Unexpected content placement from implicit default slot behavior → See [slot-implicit-default-content](reference/slot-implicit-default-content.md) - Scoped slot props missing expected name property → See [slot-name-reserved-prop](reference/slot-name-reserved-prop.md) - Wrapper components breaking child slot functionality → See [slot-forwarding-to-child-components](reference/slot-forwarding-to-child-components.md) ### Provide/Inject - Calling provide after async operations fails silently → See [provide-inject-synchronous-setup](reference/provide-inject-synchronous-setup.md) - Tracing where provided values come from → See [provide-inject-debugging-challenges](reference/provide-inject-debugging-challenges.md) - Injected values not updating when provider changes → See [provide-inject-reactivity-not-automatic](reference/provide-inject-reactivity-not-automatic.md) - Multiple components share same default object → See [provide-inject-default-value-factory](reference/provide-inject-default-value-factory.md) ### Attrs - Both internal and fallthrough event handlers execute → See [attrs-event-listener-merging](reference/attrs-event-listener-merging.md) - Explicit attributes overwritten by fallthrough values → See [fallthrough-attrs-overwrite-vue3](reference/fallthrough-attrs-overwrite-vue3.md) - Attributes applying to wrong element in wrappers → See [inheritattrs-false-for-wrapper-components](reference/inheritattrs-false-for-wrapper-components.md) ### Composables - Composable called outside setup context or asynchronously → See [composable-call-location-restrictions](reference/composable-call-location-restrictions.md) - Composable reactive dependency not updating when input changes → See [composable-tovalue-inside-watcheffect](reference/composable-tovalue-inside-watcheffect.md) - Composable mutates external state unexpectedly → See [composable-avoid-hidden-side-effects](reference/composable-avoid-hidden-side-effects.md) - Destructuring composable returns breaks reactivity unexpectedly → See [composable-naming-return-pattern](reference/composable-naming-return-pattern.md) ### Composition API - Lifecycle hooks failing silently after async operations → See [composition-api-script-setup-async-context](reference/composition-api-script-setup-async-context.md) - Parent component refs unable to access exposed properties → See [define-expose-before-await](reference/define-expose-before-await.md) - Functional-programming patterns break expected Vue reactivity behavior → See [composition-api-not-functional-programming](reference/composition-api-not-functional-programming.md) - React Hook mental model causes incorrect Composition API usage → See [composition-api-vs-react-hooks-differences](reference/composition-api-vs-react-hooks-differences.md) ### Animation - Animations fail to trigger when DOM nodes are reused → See [animation-key-for-rerender](reference/animation-key-for-rerender.md) - TransitionGroup list updates feel laggy under load → See [animation-transitiongroup-performance](reference/animation-transitiongroup-performance.md) ### TypeScript - Mutable prop defaults leak state between component instances → See [ts-withdefaults-mutable-factory-function](reference/ts-withdefaults-mutable-factory-function.md) - reactive() generic typing causes ref unwrapping mismatches → See [ts-reactive-no-generic-argument](reference/ts-reactive-no-generic-argument.md) - Template refs throw null access errors before mount or after v-if unmount → See [ts-template-ref-null-handling](reference/ts-template-ref-null-handling.md) - Optional boolean props behave as false instead of undefined → See [ts-defineprops-boolean-default-false](reference/ts-defineprops-boolean-default-false.md) - Imported defineProps types fail with unresolvable or complex type references → See [ts-defineprops-imported-types-limitations](reference/ts-defineprops-imported-types-limitations.md) - Untyped DOM event handlers fail under strict TypeScript settings → See [ts-event-handler-explicit-typing](reference/ts-event-handler-explicit-typing.md) - Dynamic component refs trigger reactive component warnings → See [ts-shallowref-for-dynamic-components](reference/ts-shallowref-for-dynamic-components.md) - Union-typed template expressions fail type checks without narrowing → See [ts-template-type-casting](reference/ts-template-type-casting.md) ### Async Components - Route components misconfigured with defineAsyncComponent lazy loading → See [async-component-vue-router](reference/async-component-vue-router.md) - Network failures or timeouts loading components → See [async-component-error-handling](reference/async-component-error-handling.md) - Template refs undefined after component reactivation → See [async-component-keepalive-ref-issue](reference/async-component-keepalive-ref-issue.md) ### Render Functions - Render function output stays static after state changes → See [rendering-render-function-return-from-setup](reference/rendering-render-function-return-from-setup.md) - Reused vnode instances render incorrectly → See [render-function-vnodes-must-be-unique](reference/render-function-vnodes-must-be-unique.md) - String component names render as HTML elements → See [rendering-resolve-component-for-string-names](reference/rendering-resolve-component-for-string-names.md) - Accessing vnode internals breaks on Vue updates → See [render-function-avoid-internal-vnode-properties](reference/render-function-avoid-internal-vnode-properties.md) - Vue 2 render function patterns crash in Vue 3 → See [rendering-render-function-h-import-vue3](reference/rendering-render-function-h-import-vue3.md) - Slot content not rendering from h() → See [rendering-render-function-slots-as-functions](reference/rendering-render-function-slots-as-functions.md) ### KeepAlive - Child components mount twice with nested Vue Router routes → See [keepalive-router-nested-double-mount](reference/keepalive-router-nested-double-mount.md) - Memory grows when combining KeepAlive with Transition animations → See [keepalive-transition-memory-leak](reference/keepalive-transition-memory-leak.md) ### Transitions - JavaScript transition hooks hang without done callback → See [transition-js-hooks-done-callback](reference/transition-js-hooks-done-callback.md) - Move animations fail on inline list elements → See [transition-group-flip-inline-elements](reference/transition-group-flip-inline-elements.md) - List items jump instead of smoothly animating → See [transition-group-move-animation-position-absolute](reference/transition-group-move-animation-position-absolute.md) - Vue 2 to Vue 3 TransitionGroup wrapper changes break layout → See [transition-group-no-default-wrapper-vue3](reference/transition-group-no-default-wrapper-vue3.md) - Nested transitions cut off before finishing → See [transition-nested-duration](reference/transition-nested-duration.md) - Scoped styles stop working in reusable transition wrappers → See [transition-reusable-scoped-style](reference/transition-reusable-scoped-style.md) - RouterView transitions animate unexpectedly on first render → See [transition-router-view-appear](reference/transition-router-view-appear.md) - Mixing CSS transitions and animations causes timing issues → See [transition-type-when-mixed](reference/transition-type-when-mixed.md) - Cleanup hooks missed during rapid transition swaps → See [transition-unmount-hook-timing](reference/transition-unmount-hook-timing.md) ### Teleport - Teleport target element not found in DOM → See [teleport-target-must-exist](reference/teleport-target-must-exist.md) - Teleported content breaks SSR hydration → See [teleport-ssr-hydration](reference/teleport-ssr-hydration.md) - Scoped styles not applying to teleported content → See [teleport-scoped-styles-limitation](reference/teleport-scoped-styles-limitation.md) ### Suspense - Need to handle async errors from Suspense components → See [suspense-no-builtin-error-handling](reference/suspense-no-builtin-error-handling.md) - Using Suspense with server-side rendering → See [suspense-ssr-hydration-issues](reference/suspense-ssr-hydration-issues.md) - Async component loading/error UI ignored under Suspense → See [async-component-suspense-control](reference/async-component-suspense-control.md) ### SSR - HTML differs between server and client renders → See [ssr-hydration-mismatch-causes](reference/ssr-hydration-mismatch-causes.md) - User state leaks between requests from shared singleton stores → See [state-ssr-cross-request-pollution](reference/state-ssr-cross-request-pollution.md) - Browser-only APIs crash server rendering in universal code paths → See [ssr-platform-specific-apis](reference/ssr-platform-specific-apis.md) ### Performance - List children re-render unnecessarily because parent passes unstable props → See [perf-props-stability-update-optimization](reference/perf-props-stability-update-optimization.md) - Computed objects retrigger effects despite equivalent values → See [perf-computed-object-stability](reference/perf-computed-object-stability.md) ### SFC (Single File Components) - Trying to use named exports from component script blocks → See [sfc-named-exports-forbidden](reference/sfc-named-exports-forbidden.md) - Variables not updating in template after changes → See [sfc-script-setup-reactivity](reference/sfc-script-setup-reactivity.md) - Scoped styles not applying to child component elements → See [sfc-scoped-css-child-component-styling](reference/sfc-scoped-css-child-component-styling.md) - Scoped styles not applying to dynamic v-html content → See [sfc-scoped-css-dynamic-content](reference/sfc-scoped-css-dynamic-content.md) - Scoped styles not applying to slot content → See [sfc-scoped-css-slot-content](reference/sfc-scoped-css-slot-content.md) - Tailwind classes missing when built dynamically → See [tailwind-dynamic-class-generation](reference/tailwind-dynamic-class-generation.md) - Recursive components not rendering due to name conflicts → See [self-referencing-component-name](reference/self-referencing-component-name.md) ### Plugins - Debugging why global properties cause naming conflicts → See [plugin-global-properties-sparingly](reference/plugin-global-properties-sparingly.md) - Plugin not working or inject returns undefined → See [plugin-install-before-mount](reference/plugin-install-before-mount.md) - Plugin global properties are unavailable in setup-based components → See [plugin-prefer-provide-inject-over-global-properties](reference/plugin-prefer-provide-inject-over-global-properties.md) - Plugin type augmentation mistakes break ComponentCustomProperties typing → See [plugin-typescript-type-augmentation](reference/plugin-typescript-type-augmentation.md) ### App Configuration - App configuration methods not working after mount call → See [configure-app-before-mount](reference/configure-app-before-mount.md) - Chaining app config off mount() fails because mount returns component instance → See [mount-return-value](reference/mount-return-value.md) - require.context-based component auto-registration fails in Vite → See [dynamic-component-registration-vite](reference/dynamic-component-registration-vite.md)
From vuejs-ai/skills at c9d355f, shown as plain text under its license: MIT (permissive). The license text is in LICENSE.
View SKILL.md on GitHub at c9d355fFiles
- SKILL.md21 KB · c39cee74b0b6
- reference/
- animation-key-for-rerender.md4.6 KB · e24e3186c65b
- animation-transitiongroup-performance.md5.9 KB · 22511f2ef327
- async-component-error-handling.md3.3 KB · 6e209485fdd8
- async-component-keepalive-ref-issue.md2.9 KB · 48b988e0e0da
- async-component-suspense-control.md2.2 KB · f9c76e8746da
- async-component-vue-router.md2.9 KB · 59afd935dfc0
- attrs-event-listener-merging.md4.7 KB · ce086d9bfcb5
- checkbox-true-false-value-form-submission.md3.5 KB · 7c7131ffd24d
- cleanup-side-effects.md4.3 KB · f12f859899e2
- click-events-on-components.md4.7 KB · 073b2881a625
- component-naming-conflicts.md4.5 KB · 3d05232a10a9
- component-ref-requires-defineexpose.md4.2 KB · 63c099d6796c
- composable-avoid-hidden-side-effects.md5.9 KB · 59efc692a917
- composable-call-location-restrictions.md4.9 KB · 6281eb3b5fd8
- composable-naming-return-pattern.md4.0 KB · 6dafc2a17b86
- composable-tovalue-inside-watcheffect.md5.2 KB · 8facc0b13d77
- composition-api-not-functional-programming.md3.9 KB · 92e4c8e3daf0
- composition-api-script-setup-async-context.md5.4 KB · 1e855e447d59
- composition-api-vs-react-hooks-differences.md4.9 KB · 3883aa11a7ae
- computed-array-mutation.md4.4 KB · e7bbbaa119ab
- computed-conditional-dependencies.md4.4 KB · 9e12a9627003
- computed-no-parameters.md4.5 KB · 292f97a556ed
- computed-no-side-effects.md3.3 KB · 7920c5d2aa16
- computed-return-value-readonly.md4.1 KB · c3ee396b0f23
- configure-app-before-mount.md2.8 KB · fb0004c4bf02
- declare-emits-for-documentation.md5.1 KB · 0390efba28ff
- define-expose-before-await.md4.3 KB · 47eca68f3293
- define-model-default-value-sync.md4.0 KB · 4d99e494b389
- defineEmits-must-be-top-level.md4.2 KB · 624025907b4a
- defineEmits-no-runtime-and-type-mixed.md4.3 KB · 8ce8f0f67618
- definemodel-object-mutation-no-emit.md4.1 KB · e9adeb8d7c90
- dom-update-timing-nexttick.md2.8 KB · 3bf533ddead5
- dynamic-argument-constraints.md4.3 KB · 14d54cb24502
- dynamic-component-registration-vite.md4.3 KB · 2965e1f4eb40
- event-modifier-order-matters.md2.8 KB · 5f367037a4ba
- exact-modifier-for-precise-shortcuts.md4.4 KB · 69b3181f2280
- fallthrough-attrs-overwrite-vue3.md3.9 KB · 8d21dfc8636d
- in-dom-template-parsing-caveats.md4.5 KB · 1c38ef47babe
- inheritattrs-false-for-wrapper-components.md4.5 KB · 1358323fe163
- keepalive-router-nested-double-mount.md5.1 KB · bf22a3d2a60a
- keepalive-transition-memory-leak.md3.6 KB · 139c5cccfc6b
- keyup-modifier-timing.md4.3 KB · 93928ef2879a
- lifecycle-dom-access-timing.md5.2 KB · c75066bca8a4
- lifecycle-hooks-synchronous-registration.md3.9 KB · 0da713487023
- lifecycle-ssr-awareness.md5.1 KB · e4f4c6addb9b
- local-components-not-in-descendants.md3.8 KB · d97125911a74
- mount-return-value.md2.7 KB · 197b96a76adb
- multi-root-component-class-attrs.md2.4 KB · e709de35a399
- native-event-collision-with-emits.md4.6 KB · 297dd173d7cc
- no-passive-with-prevent.md3.8 KB · cd2c6838b868
- no-v-if-with-v-for.md3.9 KB · 3aeea7288875
- perf-computed-object-stability.md4.8 KB · 426b55674097
- perf-props-stability-update-optimization.md3.8 KB · a2f6e78fdcec
- plugin-global-properties-sparingly.md3.5 KB · e557cfb1e9e5
- plugin-install-before-mount.md3.2 KB · e74b13e2b158
- plugin-prefer-provide-inject-over-global-properties.md3.4 KB · 0ef397ad5b46
- plugin-typescript-type-augmentation.md4.2 KB · 89729069f4f8
- prop-defineprops-scope-limitation.md3.7 KB · e0459f5afa14
- provide-inject-debugging-challenges.md5.7 KB · 18f5ee050f9c
- provide-inject-default-value-factory.md5.7 KB · 6293b6b7b1a4
- provide-inject-reactivity-not-automatic.md5.1 KB · 126a918b3c67
- provide-inject-synchronous-setup.md5.2 KB · deeabc21bdbc
- reactive-destructuring.md2.7 KB · 58de7b721c69
- reactivity-debugging-hooks.md4.3 KB · 9bd2991786bc
- reactivity-markraw-for-non-reactive.md4.7 KB · e8d641000256
- reactivity-proxy-identity-hazard.md3.0 KB · 70e6fb56a9ad
- reactivity-same-tick-batching.md4.5 KB · 10dd674dd92f
- ref-value-access.md2.1 KB · e797ceee03f6
- refs-in-collections-need-value.md3.0 KB · f6966e60ee94
- render-function-avoid-internal-vnode-properties.md4.4 KB · 94626e6391c0
- render-function-vnodes-must-be-unique.md3.5 KB · e1869786235d
- rendering-render-function-h-import-vue3.md3.3 KB · bab6c4d78d3b
- rendering-render-function-return-from-setup.md3.6 KB · 4c510bd41e63
- rendering-render-function-slots-as-functions.md4.1 KB · 1ad31a7bf16b
- rendering-resolve-component-for-string-names.md5.7 KB · a00994f1b667
- select-initial-value-ios-bug.md3.1 KB · 8ba9bd488e3b
- self-referencing-component-name.md3.7 KB · 45b7f0e9e376
- sfc-named-exports-forbidden.md4.4 KB · 6a68b60aac26
- sfc-scoped-css-child-component-styling.md3.7 KB · d59893ee52b9
- sfc-scoped-css-dynamic-content.md4.5 KB · 07b88cf1aba0
- sfc-scoped-css-slot-content.md4.7 KB · f4b2054f5246
- sfc-script-setup-reactivity.md5.1 KB · 7bb5039b3139
- slot-forwarding-to-child-components.md4.0 KB · 96ea34eb0e14
- slot-implicit-default-content.md3.5 KB · b2eeec4e5ab9
- slot-name-reserved-prop.md2.8 KB · 5a01afda539a
- slot-named-scoped-explicit-default.md3.0 KB · ced29ade4d96
- slot-render-scope-parent-only.md3.7 KB · d426b3eec223
- slot-v-slot-on-components-or-templates-only.md3.1 KB · 0e10a9e3d2d0
- ssr-hydration-mismatch-causes.md6.9 KB · 273da44fe49f
- ssr-platform-specific-apis.md6.9 KB · 870a1e2dfe22
- state-ssr-cross-request-pollution.md7.1 KB · 94353322c23d
- suspense-no-builtin-error-handling.md3.0 KB · b6e3738eac5d
- suspense-ssr-hydration-issues.md4.3 KB · 2b7470cf1bc2
- tailwind-dynamic-class-generation.md3.2 KB · a50ec8ec0e93
- teleport-scoped-styles-limitation.md3.9 KB · 2f320612fda2
- teleport-ssr-hydration.md3.8 KB · 4ad6cc20283c
- teleport-target-must-exist.md3.3 KB · e392c732bf22
- template-expressions-restrictions.md3.4 KB · 8d7c195e9329
- template-functions-no-side-effects.md5.2 KB · 5961cf44f89f
- template-ref-null-with-v-if.md3.0 KB · e76dc8d556fe
- template-ref-unwrapping-top-level.md3.1 KB · 56d0975c4744
- template-ref-v-for-order.md4.5 KB · 8c27b04507ac
- textarea-no-interpolation.md2.3 KB · e390e9f3153e
- transition-group-flip-inline-elements.md4.0 KB · a43c259c374c
- transition-group-move-animation-position-absolute.md3.7 KB · bd43a5cefe66
- transition-group-no-default-wrapper-vue3.md4.0 KB · 0dce50e40120
- transition-js-hooks-done-callback.md6.2 KB · 9797f0f2969e
- transition-nested-duration.md5.0 KB · c82bb7d2d968
- transition-reusable-scoped-style.md5.3 KB · 845fbd9945c0
- transition-router-view-appear.md4.9 KB · 9749e363f706
- transition-type-when-mixed.md4.4 KB · bea7d5ff4c12
- transition-unmount-hook-timing.md4.3 KB · 2fdaf4ce5083
- ts-defineprops-boolean-default-false.md5.5 KB · 0154e3b2c39c
- ts-defineprops-imported-types-limitations.md6.0 KB · cb8542e248f8
- ts-event-handler-explicit-typing.md5.9 KB · 6748abec2efe
- ts-reactive-no-generic-argument.md4.8 KB · 5cf136dddd50
- ts-shallowref-for-dynamic-components.md6.1 KB · 24b347bdc72b
- ts-template-ref-null-handling.md5.4 KB · 884f8f5d77cc
- ts-template-type-casting.md5.1 KB · 7837dbad160d
- ts-withdefaults-mutable-factory-function.md4.6 KB · 7b1b6843b56a
- undeclared-emits-double-firing.md5.0 KB · 72435cf81d80
- use-template-ref-vue35.md4.3 KB · 51ab6e4fab93
- v-else-must-follow-v-if.md4.0 KB · 9dc62a6ce390
- v-for-component-props.md2.6 KB · 941e4091add3
- v-for-computed-reverse-sort.md2.8 KB · 5e9f08e64e50
- v-for-key-attribute.md3.2 KB · 39dfa93bdc99
- v-for-range-starts-at-one.md2.3 KB · 7e6f272c094e
- v-if-null-check-order.md4.3 KB · 2922e07c6580
- v-model-ignores-html-attributes.md2.5 KB · 6965fafaacbc
- v-model-ime-composition.md2.9 KB · 97cd9eaf598f
- v-model-number-modifier-behavior.md3.7 KB · 80a888911165
- v-show-template-limitation.md3.6 KB · fedbe3dc15a8
- watch-async-cleanup.md4.4 KB · 81991bb3e4fa
- watch-async-creation-memory-leak.md4.1 KB · 4e9f0cc37df9
- watch-deep-same-object-reference.md4.4 KB · 62fdf0564dba
- watch-flush-timing.md5.0 KB · 6a7663365d7c
- watch-reactive-property-getter.md3.0 KB · da6098a4fae1
- watcheffect-async-dependency-tracking.md4.6 KB · a4756c98bd6f
- watcheffect-flush-post-for-refs.md4.3 KB · 12613421a7e8
140 files, 599 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.
Skill folder on GitHub at c9d355fRelated in Frontend and design
crxjs
CRXJS is a Vite plugin for Chrome extension development that provides true hot-module reloading for popups, options pages, content scripts, and side panels.
by samberCommunity
Claude Code · about 2.3K tokens · pinned 6 days ago
remotion-saas
This skill helps build video generation applications using Remotion, a React framework for programmatic video creation.
by RemotionOfficial publisher
Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago
stitch::code-to-design
This skill converts existing frontend code (React, Vue, Angular, etc.) into a Stitch Design by extracting HTML, analyzing design systems, and uploading both…
by GoogleOfficial publisher
Claude Code, Codex, Cursor +4 · about 760 tokens · pinned 6 days ago
stitch::extract-design-md
Extracts a comprehensive design system document (DESIGN.md) by analyzing frontend source code including component files, stylesheets, Tailwind configs, and…
by GoogleOfficial publisher
Claude Code, Codex, Cursor +4 · about 3.3K tokens · pinned 6 days ago
create-site
Guides users through building a complete Power Pages code site using React, Angular, Vue, or Astro, from initial requirements discovery through deployment.
by MicrosoftOfficial publisher
Contains scripts
Claude Code · about 29.1K tokens · pinned 6 days ago
genpage
Creates, updates, and deploys generative pages in Microsoft Power Apps model-driven apps using React 17, TypeScript, and Fluent UI V9.
by MicrosoftOfficial publisher
Claude Code · about 16.1K tokens · pinned 6 days ago