nuxt-code-editor

Nuxt コードエディタースキル（Nuxt コード編集スキル）

機能（機能）

• Vue 3 Composition API: <script setup lang="ts"> コンポーネントを生成します。
• PrimeVue 統合: utils/ または既存の components/ での使用方法に従って、PrimeVue コンポーネントを正しく使用します。
• Better-Auth 統合: 認証と権限制御には authClient（フロントエンド）と auth（サーバー）を正しく使用します。
• 型安全性: すべてのバックエンドコードで、server/database/entities または types/ に定義された TypeORM エンティティと DTO を使用します。
• Zod バリデーション: Zod を使用して API リクエストのパラメーターを検証します（utils/schemas/ を参照）。
• 差分編集: コンテキストを保持するため、ファイル全体を書き直すのではなく、パッチを適用することを優先します。

指示（指示）

1. パスとワークツリーの意識: すべてのファイル作成・変更操作は、現在のタスクに対応するワークツリー内で実行する必要があります。メイン機能の開発では、dev または fix ブランチに対応するディレクトリで作業してください。
2. コードスタイルガイド: ESLint と Prettier の設定に従ってください。スタイルには SCSS を使用し、BEM 命名規則を適用してください。
3. コンポーネントの標準: defineProps、defineEmits を使用し、TypeScript のインターフェース／型と組み合わせてください。
4. バックエンドの標準:
   • server/api ハンドラーでは defineEventHandler を使用し、標準化されたレスポンスを返すようにしてください（docs/standards/api.md を参照）。
   • PATCH メソッドは禁止です。すべての更新操作には PUT メソッドを使用してください。
   • リスト系 API は、統一されたページネーション形式で返す必要があります：items（データ一覧）、total（総件数）、page、limit、totalPages。
5. 国際化（I18n）: すべての UI 文字列を $t() で囲んでください。
   • キーの命名規則: 開発規約 の要件である snake_case（小文字とアンダースコア）に従ってください（既存の kebab-case フィールドを除く）。
6. ファイル: ファイルを作成する際は、正しい Nuxt ディレクトリ（components、composables、server/api など）に配置されていることを確認してください。
7. 依存関係の制約: docs/standards/development.md の依存関係の制約に従い、循環依存を避けてください。

使用例（使用例）

入力: 「ボタンコンポーネントを作成してください。」 アクション: PrimeVue Button を使用して components/base/AppButton.vue を生成し、TS インターフェースで props を定義します。

入力: 「記事一覧を取得する API を作成してください。」 アクション: server/api/posts.get.ts で defineEventHandler と typeorm の Repository を使用してデータを取得します。