Vue Cursor Rules

.cursorrules for Vue 3 / Nuxt 3

# Vue 3 / Nuxt 3 Project Rules

## Stack
- Vue 3.5+ with Composition API ONLY
- Nuxt 3 (if using framework)
- TypeScript strict mode
- Pinia for state management

## Components
- Always use <script setup lang="ts">
- NEVER use Options API
- Use defineProps<>() with TypeScript generics
- Use defineEmits<>() for events
- One component per file

## State Management
- Pinia stores in stores/ directory
- Use composables in composables/ for shared logic
- Prefer ref() over reactive() for simple values

## Nuxt Specifics
- Auto-imports enabled — do NOT manually import Vue/Nuxt APIs
- Use useFetch() or useAsyncData() for data fetching
- Server routes in server/api/
- Middleware in middleware/

Related

• Cursor Rules Guide