vue
Installation
SKILL.md
Vue
Composition API is the default. <script setup> is the default syntax. If you reach for Options API, you need a
reason.
Vue 3 rewards explicit, composable code. Prefer ref() over reactive(), composables over mixins, and typed props over
runtime-only validation. References contain extended examples, rationale, and edge cases for each topic.
References
- Reactivity — [
${CLAUDE_SKILL_DIR}/references/reactivity.md]: Ref unwrapping, watchers, computed edge cases - SFC — [
${CLAUDE_SKILL_DIR}/references/sfc.md]: Full compiler macros catalog, scoped styles, template refs - Components — [
${CLAUDE_SKILL_DIR}/references/components.md]: Props, emits, slots, provide/inject - Composables — [
${CLAUDE_SKILL_DIR}/references/composables.md]: Design patterns, composition, restrictions - TypeScript — [
${CLAUDE_SKILL_DIR}/references/typescript.md]: Full utility types table, generic components, event typing - Performance — [
${CLAUDE_SKILL_DIR}/references/performance.md]: Update optimization, large lists, profiling