# Claude CodeのVue 3コードをComposition APIに統一する──Options API生成・Vuex混入・reactive()乱用を防ぐCLAUDE.md設計
## はじめに
Claude CodeにVue 3のコードを生成させると、Options APIが出てきたりPiniaではなくVuexが生成されたりする。Vue 2時代のコードが学習データに多く残っているためだ。本記事はReactやNext.jsではなくVue 3固有のAI生成パターン問題に特化し、CLAUDE.mdにルールを追加することで最初から`
```
```vue
```
```vue
```
---
## CLAUDE.mdとPostToolUseでVue 3パターンを自動担保する
```markdown
## Vue 3 Composition APIルール
### コンポーネント
- `