templates/template-vue-nuxt
CLAUDE.md for Vue 3 and Nuxt 3 applications
CLAUDE.md template for Vue 3 and Nuxt 3 projects. Covers Composition API patterns, Nuxt modules, server routes, state management with Pinia, and Vue-specific best practices.
Content
# 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/`
Details
| Category | templates |
| Tags | javascripttypescriptbeginner |
| Language | Markdown |
| License | MIT |
| Author | Claude Code Directory |
| Difficulty | beginner |