vue-development-guides

SKILL.md

Best practices and architectural patterns for Vue 3 and Nuxt 3 projects.

Emphasizes core principles: predictable state with single source of truth, explicit data flow (props down, events up), and small focused components

Requires Composition API with <script setup lang="ts"> as the default, and mandates following referenced guides for reactivity, SFC structure, and data flow patterns

Includes a tasks checklist covering core principles, reactivity best practices, component design, and data flow validation

Recommends splitting components when they exceed one clear responsibility, moving state and side effects into composables, and organizing SFC sections in a consistent order

Vue.js Development Guides

Tasks Checklist

 Followed the core principles

 Followed the defaults unless there is a good reason not to

 Followed the reactivity best practices

 Followed the component best practices

 Followed the Vue SFC best practices

 Kept components focused

 Split large components into smaller ones when needed

 Moved state/side effects into composables if applicable

 Followed data flow best practices