39 lines
842 B
Markdown
39 lines
842 B
Markdown
|
---
|
|||
|
|
name: frontend-web-store
|
|||
|
|
description: Web 前台状态管理规范（Nuxt 4），基于 Pinia
|
|||
|
|
globs:
|
|||
|
|
- "frontend/web/app/stores/**/*.ts"
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 代码模板
|
|||
|
|
|
|||
|
|
```typescript
|
|||
|
|
import { defineStore } from 'pinia';
|
|||
|
|
|
|||
|
|
export const use{Model}Store = defineStore('{model}', () => {
|
|||
|
|
const list = ref<any[]>([]);
|
|||
|
|
const total = ref(0);
|
|||
|
|
|
|||
|
|
async function fetchList(params?: any) {
|
|||
|
|
const res = await get{Model}List(params);
|
|||
|
|
list.value = res.data.items;
|
|||
|
|
total.value = res.data.total;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return { list, total, fetchList };
|
|||
|
|
});
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 关键约定
|
|||
|
|
|
|||
|
|
- 使用 Pinia `setup store` 语法（Composition API）
|
|||
|
|
- Store 命名：`use{Name}Store`
|
|||
|
|
- Store ID：`kebab-case`
|
|||
|
|
- Nuxt 项目中 store 支持 SSR
|
|||
|
|
|
|||
|
|
## 检查清单
|
|||
|
|
|
|||
|
|
- [ ] 是否使用 setup store 语法
|
|||
|
|
- [ ] Store 名称是否唯一
|
|||
|
|
- [ ] SSR 场景是否正确处理 hydration
|