# {{PROJECT_NAME}} - Vue.js

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

## Was (Stack & Struktur)

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

### Projektstruktur
```
src/
├── assets/           # Statische Assets
├── components/       # Gemeinsame Komponenten
├── composables/      # Composition Functions
├── modules/          # Feature Module
│   └── [module]/
│       ├── components/
│       ├── composables/
│       └── views/
├── router/           # Vue Router
├── stores/           # Pinia Stores
├── services/         # API Services
├── types/            # TypeScript Types
└── utils/            # Utilities
```

## Warum (Zweck & Organisation)

### Architektur: {{ARCHITECTURE_PATTERN}}
- **Composition API**: `<script setup>` Syntax
- **TypeScript**: Strict Mode aktiviert
- **Pinia**: State Management
- **Composables**: Wiederverwendbare Logik

Siehe `rules/02-architecture.md` fuer Muster.

### Kritische Regeln
| Regel | Beschreibung |
|-------|--------------|
| Components | Multi-word, PascalCase |
| Composables | `use` Prefix |
| Stores | `use{Name}Store` Pattern |
| TypeScript | Interfaces fuer Props/Emits |
| Tests | 80% Coverage |

## Wie (Befehle & Workflows)

### Entwicklungsbefehle
```bash
pnpm dev       # Dev Server
pnpm build     # Production Build
pnpm preview   # Production Preview
```

### Qualitaets-Pipeline
```bash
pnpm lint          # ESLint
pnpm lint:fix      # ESLint Fix
pnpm type-check    # TypeScript
pnpm test          # Vitest
pnpm test:coverage # Mit Coverage
pnpm test:e2e      # Playwright E2E
```

### Entwicklungs-Workflow
1. **Analysieren** - `rules/01-workflow-analysis.md` lesen
2. **TDD** - Test schreiben, implementieren, refaktorisieren
3. **Qualitaet** - Lint + Type-Check + Tests
4. **Commit** - Conventional Commits Format

## Referenzen
| Kontext | Datei |
|---------|-------|
| Vor Aenderungen | `rules/01-workflow-analysis.md` |
| Architektur | `rules/02-architecture.md` |
| Code Standards | `rules/03-coding-standards.md` |
| Testing | `rules/07-testing.md` |
| State Management | `rules/13-state-management.md` |

<!-- PROJECT-SPECIFIC-START -->
## Projektspezifika
<!-- Projektspezifische Konfiguration hier hinzufuegen -->
<!-- PROJECT-SPECIFIC-END -->
