Vue/Nuxt CLAUDE.md Template

# Nuxt 3 Project

## Overview
Vue 3 application built with Nuxt 3 framework.

## Tech Stack
- Framework: Nuxt 3
- Language: TypeScript
- State: Pinia
- Styling: UnoCSS/Tailwind

## Key Commands
```bash
npm run dev               # Dev server
npm run build             # Build for production
npm run generate          # Static generation
npm run preview           # Preview build
npm run lint              # ESLint
npm run typecheck         # Vue-tsc
```

## Project Structure
```
/
├── app.vue               # Root component
├── pages/                # File-based routing
├── components/           # Auto-imported
├── composables/          # Composition functions
├── stores/               # Pinia stores
├── server/
│   ├── api/              # API routes
│   └── middleware/       # Server middleware
├── layouts/              # Page layouts
└── nuxt.config.ts        # Configuration
```

## Conventions
- Use Composition API with `<script setup>`
- Components auto-imported from `components/`
- Use `useFetch` for data fetching
- Pinia stores in `stores/` directory

## Important Notes
- Auto-imports enabled by default
- Use `definePageMeta` for page config
- Server routes at `/server/api/`