nuxt-code-editor

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

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/
```
)。
增量编辑: 优先修补 (patch) 而非重写整个文件，以保留上下文。

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.

输入: "创建一个按钮组件。" 动作: 使用 PrimeVue Button 生成

components/base/AppButton.vue

，并在 TS 接口中定义 props。

输入: "创建一个获取文章列表的 API。" 动作: 在

server/api/posts.get.ts

中使用

defineEventHandler

和

typeorm

的 Repository 获取数据。

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