sdlc-vue-conventions
Vue 3 SFC structure, Composition API + <script setup>, file naming, project layout, props/emits/slots typing, defineModel, composables, lifecycle, watchers, UI library detection. Vue 2 fallback notes.
Use this skill to:
- Structure a new SFC with <script setup>, template, scoped styles.
- Type props/emits/slots correctly via macros.
- Pick ref vs reactive (prefer ref).
- Build composables that compose cleanly.
- Apply lifecycle hooks correctly.
- Detect UI library (Vuetify/Quasar/PrimeVue/Naive UI/Element Plus/shadcn-vue) and mirror its patterns.
Do NOT use this skill for:
- State management lib choice (see vue-state-management).
- Routing (see vue-routing).
- Forms (see vue-forms).
- Testing (see vue-testing).
Pinned to revision 80fb8ed90710, so it is the text this page describes rather than whatever the author pushed since.
Files
Every link opens the file at its source, pinned to the revision this page describes.