# {{PROJECT_NAME}} - Vue.js

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

## What (Stack & Structure)

**Stack**: Vue.js {{VUE_VERSION}}, TypeScript {{TS_VERSION}}, Vite, Pinia

### Project Structure
```
src/
├── components/       # Shared components
├── composables/      # Composition functions (useXxx)
├── modules/          # Feature modules
├── router/           # Vue Router
├── stores/           # Pinia stores
├── services/         # API services
├── types/            # TypeScript types
└── utils/            # Utilities
```

## Why (Purpose & Organization)

### Architecture: {{ARCHITECTURE_PATTERN}}
- **Composition API**: `<script setup>` syntax
- **State**: Pinia stores with `use{Name}Store` pattern
- **Components**: Multi-word, PascalCase
- **Composables**: `use` prefix for reusable logic

See `rules/02-architecture.md` for complete patterns.

### Critical Rules
| Rule | Reason |
|------|--------|
| TypeScript strict | Type safety |
| Composition API | Better organization |
| Pinia for state | Reactive, type-safe |
| 80%+ coverage | Quality assurance |

## How (Commands & Workflows)

### Development Commands
```bash
pnpm dev              # Start dev server
pnpm build            # Production build
pnpm test             # Run tests (Vitest)
pnpm lint             # ESLint check
pnpm type-check       # TypeScript check
```

### Quality Pipeline
```bash
pnpm lint && pnpm type-check && pnpm test
```

### Development Workflow
1. **Analyze** - Understand component hierarchy (`rules/01-workflow-analysis.md`)
2. **TDD** - Write test -> Implement -> Refactor
3. **Quality** - Run full quality check
4. **Commit** - Conventional Commits format

## References

| Topic | Rule File |
|-------|-----------|
| Analysis | `rules/01-workflow-analysis.md` |
| Architecture | `rules/02-architecture.md` |
| TypeScript | `rules/03-coding-standards.md` |
| SOLID | `rules/04-solid-principles.md` |
| State Management | `rules/06-state-management.md` |
| Testing | `rules/07-testing.md` |

<!-- PROJECT-SPECIFIC-START -->
## Project Specifics

<!-- Add project-specific configuration below -->

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