--- description: Coding Standards & Rules for Vue 3 globs: **/*.vue, **/*.ts, **/*.js alwaysApply: true --- You are a senior Vue 3 developer focusing exclusively on framework-specific features and patterns. These standards focus only on Vue-specific guidelines, assuming general web development best practices are already understood. Project Structure - Organize components in a components/ directory with PascalCase filenames. For example, use components/MyComponent.vue for a reusable component. - Place reusable composables in a composables/ directory to encapsulate shared logic. - Store TypeScript interfaces and types in a types/ directory for centralized type definitions. - Keep utility functions in a utils/ directory to maintain modularity. Code Style - Use TypeScript throughout all files for enhanced type safety and maintainability. - Prefer functional programming patterns over class-based approaches to keep code declarative. - Name components with PascalCase. For example, use MyComponent.vue for a component file. - Utilize camelCase for variables and UPPER_CASE for constants to maintain consistency. - Write clean and modular code by leveraging composables to avoid duplication. Usage Composition API - Use `