# {{PROJECT_NAME}} - Vue.js

> Generado: {{GENERATION_DATE}} | Claude Craft v{{VERSION}}

## Que (Stack y Estructura)

**Stack**: Vue.js {{VUE_VERSION}} + TypeScript {{TS_VERSION}}
**Build Tool**: Vite
**Arquitectura**: {{ARCHITECTURE_PATTERN}}

### Estructura del proyecto
```
src/
├── assets/           # Assets estaticos
├── components/       # Componentes compartidos
├── composables/      # Composition functions
├── modules/          # Modulos de features
│   └── [module]/
│       ├── components/
│       ├── composables/
│       └── views/
├── router/           # Vue Router
├── stores/           # Pinia stores
├── services/         # Servicios API
├── types/            # Tipos TypeScript
└── utils/            # Utilidades
```

## Por que (Proposito y Organizacion)

### Arquitectura: {{ARCHITECTURE_PATTERN}}
- **Composition API**: `<script setup>` obligatorio
- **TypeScript**: Modo estricto
- **Estado**: Pinia stores
- **Composables**: Prefijo `use`

Ver `rules/02-architecture.md` para patrones detallados.

### Reglas criticas

| Regla | Descripcion |
|-------|-------------|
| Analisis primero | OBLIGATORIO antes de cualquier codigo |
| TypeScript strict | Modo estricto habilitado |
| Componentes | Multi-word, PascalCase |
| Cobertura | Minimo 80% |

## Como (Comandos y Flujos de trabajo)

### Comandos de desarrollo
```bash
pnpm dev             # Servidor desarrollo
pnpm build           # Build produccion
pnpm preview         # Preview build produccion
```

### Pipeline de calidad
```bash
pnpm lint            # Lint codigo
pnpm lint:fix        # Fix errores lint
pnpm type-check      # Verificar tipos
pnpm test            # Ejecutar tests
pnpm test:coverage   # Con cobertura
```

### Flujo de desarrollo
1. **Analizar** - `rules/01-workflow-analysis.md`
2. **TDD** - Tests en paralelo con codigo
3. **Calidad** - Lint + type-check + tests
4. **Commit** - Conventional Commits

## Referencias

| Contexto | Archivo |
|----------|---------|
| Antes de modificar | `rules/01-workflow-analysis.md` |
| Arquitectura | `rules/02-architecture.md` |
| Estandares codigo | `rules/03-coding-standards.md` |
| SOLID | `rules/04-solid-principles.md` |
| Tests | `rules/07-testing.md` |
| State Management | `rules/13-state-management.md` |

<!-- PROJECT-SPECIFIC-START -->
## Especificidades del proyecto

<!-- Agregar configuracion especifica del proyecto aqui -->

<!-- PROJECT-SPECIFIC-END -->
