Vue 3 Composition API

1// Vue 3 Composition API .cursorrules
2 
3// Vue 3 Composition API best practices
4 
5const vue3CompositionApiBestPractices = [
6  "Use setup() function for component logic",
7  "Utilize ref and reactive for reactive state",
8  "Implement computed properties with computed()",
9  "Use watch and watchEffect for side effects",
10  "Implement lifecycle hooks with onMounted, onUpdated, etc.",
11  "Utilize provide/inject for dependency injection",
12];
13 
14// Folder structure
15 
16const folderStructure = `
17src/
18  components/
19  composables/
20  views/
21  router/
22  store/
23  assets/
24  App.vue
25  main.js
26`;
27 
28// Additional instructions
29 
30const additionalInstructions = `
311. Use TypeScript for type safety
322. Implement proper props and emits definitions
333. Utilize Vue 3's Teleport component when needed
344. Use Suspense for async components
355. Implement proper error handling
366. Follow Vue 3 style guide and naming conventions
377. Use Vite for fast development and building
38`;
39 
40