---
name: "Vue Standards"
description: "Cross-project Vue standards for component structure, state derivation, and rendering efficiency."
applyTo: "**/*.vue"
---

- Prefer Composition API with `<script setup>` for new components.
- Keep components single-purpose and move reusable logic to composables.
- Prefer computed state over watchers when deriving values.
- Use props/events for communication instead of tight coupling.
- Keep templates declarative; avoid embedding business logic in templates.
- Minimize reactive dependencies and avoid broad reactive objects when narrower refs suffice.
- Use lazy loading and route-level splitting when project architecture supports it.
- Validate with the project's Vue lint/test/build commands.