Agent RulesAgent Rules
vue

Vue Defaults

Core Vue / Nuxt patterns and conventions

JavaScript
framework
Default
Used by 659 projects
Use in BuilderAll JavaScript Options

Details

Language / Topic
javascriptJavaScript
Category
framework
Compatible Frameworks
vue

Rules

balanced
- Use Composition API with `<script setup>` for new Vue 3 components.
- Use TypeScript for all new frontend code, defining interfaces for props, data, and API responses.
- Organize components by feature/domain in subdirectories.
- Use reactive stores for cross-component state without external libraries.
- Use `const` arrow functions instead of `function` declarations for component methods to leverage lexical `this` binding.
- Limit global app instance (`window.app`) usage to notifications (`raise()`), offline/online status, and clearing notifications for controlled global access.
- Structure components with dedicated directories for features to improve modularity and maintainability.
- Integrate TypeScript interfaces to enforce type safety in props and reactive data, reducing runtime errors.