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
| Topic | Reference | Contents |
|---|---|---|
| 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 |