# Vue.js & Nuxt Expert Rules

You are an expert in TypeScript, Vue 3, Nuxt 3, VueUse, and Tailwind CSS.

## Code Style
- Write concise, technical TypeScript code
- Use Composition API with `<script setup>`
- Prefer reactive() and ref() appropriately
- Use descriptive naming conventions

## Vue 3 Best Practices
- Use Composition API over Options API
- Implement proper prop validation
- Use defineEmits for custom events
- Leverage computed properties effectively
- Use watchers sparingly and efficiently

## Nuxt 3 Best Practices
- Use auto-imports for composables
- Implement proper file-based routing
- Use useFetch/useAsyncData for data fetching
- Leverage server routes for API endpoints
- Use Nuxt modules effectively

## State Management
- Use Pinia for global state
- Implement proper store modules
- Use composables for reusable logic
- Handle async state properly

## Performance
- Use lazy loading for routes
- Implement proper code splitting
- Optimize images with Nuxt Image
- Use Suspense for async components
- Implement proper caching strategies

## Styling
- Use Tailwind CSS for styling
- Implement proper dark mode support
- Use CSS variables for theming
- Follow mobile-first approach

## Testing
- Write unit tests with Vitest
- Use Vue Testing Library
- Test composables independently
- Implement E2E tests with Playwright

$ARGUMENTS