Vue 3 Standards

When to Use

• Creating or refactoring Vue 3 features.
• Standardizing components, composables, stores, routes, and forms in Vue projects.
• Orchestrating Vue tasks involving *.vue, *.ts, stores, router, component styles, or test files.

Goal

• Standardize Vue 3 with SFCs, <script setup lang="ts">, Composition API, Pinia, Vue Router, testability, and accessibility.
• Concentrate detailed rules in local references to avoid duplication and maintain clear precedence.
• Preserve adherence to the test, build, lint, and styling tools already configured in the project.

LIFT Principle

Before creating any new component, composable, store, route module, helper, or test, apply the LIFT principle: