Nuxt Code Editor Skill

Capabilities

Vue 3 Composition API: Generate
```
<script setup lang="ts">
```
components.
PrimeVue Integration: Properly use PrimeVue components based on usage in
```
utils/
```
or existing
```
components/
```
.
Better-Auth Integration: Correctly use
```
authClient
```
(frontend) and
```
auth
```
(server-side) for authentication and permission control.
Type Safety: Ensure all backend code uses TypeORM entities and DTOs defined in
```
server/database/entities
```
or
```
types/
```
.
Zod Validation: Use Zod for API request parameter validation (refer to
```
utils/schemas/
```
).
Incremental Editing: Prioritize patching over rewriting entire files to preserve context.

Code Style Guide: Adhere to ESLint and Prettier configurations. Use SCSS for styling, following the BEM naming convention.
Component Standards: Use
```
defineProps
```
,
```
defineEmits
```
with TypeScript interfaces/types.
Backend Standards:
- Ensure
```
server/api
```
  handlers use
```
defineEventHandler
```
  and return standardized responses (refer to
```
docs/standards/api.md
```
  ).
- PATCH method is prohibited: All update operations should use the PUT method.
- List-type APIs must return a unified pagination format:
```
items
```
  (data list),
```
total
```
  (total count),
```
page
```
  ,
```
limit
```
  ,
```
totalPages
```
  .
Internationalization (I18n): All UI strings must be wrapped in
```
$t()
```
.
- Key Naming Convention: Must follow the snake_case (lowercase + underscore) naming requirement specified in Development Standards (except for existing kebab-case fields).
Files: When creating files, ensure they are placed in the correct Nuxt directories (
```
components
```
,
```
composables
```
,
```
server/api
```
, etc.).
Dependency Constraints: Follow dependency constraints in
```
docs/standards/development.md
```
to avoid circular dependencies.

Input: "Create a button component." Action: Generate

components/base/AppButton.vue

using PrimeVue Button, and define props in the TS interface.

Input: "Create an API to fetch article lists." Action: Use

defineEventHandler

and TypeORM's Repository to fetch data in

server/api/posts.get.ts