Cursor rule

1---
2description: Vue 3 and NuxtJS specific standards and optimizations
3globs: *.vue, *.js, *.ts
4---
5# Vue 3 and NuxtJS Best Practices
6 
7Ensures Vue 3 and NuxtJS code follows recommended patterns and optimizations.
8 
9<rule>
10name: vue_nuxt_best_practices
11description: Enforce Vue 3 and NuxtJS coding standards and optimizations
12filters:
13  - type: file_extension
14    pattern: "\\.(vue|js|ts)$"
15 
16actions:
17  - type: enforce
18    conditions:
19      - pattern: "(?<!defineProps|interface|type)\\{\\s*[a-zA-Z]+\\s*:\\s*[a-zA-Z]+\\s*\\}"
20        message: "Use TypeScript interfaces for prop definitions"
21 
22      - pattern: "watch\\(.*,.*\\{\\s*immediate:\\s*true\\s*\\}"
23        message: "Consider using computed property instead of immediate watch"
24 
25      - pattern: "v-if.*v-for"
26        message: "Avoid using v-if with v-for on the same element"
27 
28  - type: suggest
29    message: |
30      Vue 3 Best Practices:
31      - Use Composition API for complex components
32      - Implement proper prop validation
33      - Use TypeScript for better type safety
34      - Leverage Vue 3's reactivity system effectively
35      - Consider using <script setup> syntax
36 
37metadata:
38  priority: high
39  version: 1.0
40</rule>