Vue.js Development Standards

Apply these standards when developing Vue.js 3 applications with the Composition API.

General Guidelines

1. Use Vue 3 with the Composition API for all new components
2. Organize code by feature/module; keep related files together
3. Use single-file components (.vue) with <script setup>, <template>, and <style scoped> sections in that order
4. Place sections in order: <script setup> → <template> → <style scoped>
5. Prefer <script setup> syntax for simplicity and type inference
6. Use TypeScript in Vue components when possible

Naming Conventions

• PascalCase for component names and file names (e.g., MyComponent.vue)
• kebab-case for custom event names and props in templates
• Composables should follow the useXyz pattern