MrleeAdmin/.windsurf/skills/frontend-admin-store/SKILL.md

name, description, globs

name	description	globs
frontend-admin-store	Admin 前端状态管理规范，基于 Pinia	frontend/admin/src/store/**/*.ts apps/**/src/stores/**/*.ts

代码模板

import { defineStore } from 'pinia';

interface {Model}State {
  list: any[];
  total: number;
}

export const use{Model}Store = defineStore('{module}-{model}', {
  state: (): {Model}State => ({
    list: [],
    total: 0,
  }),
  actions: {
    async fetchList(params?: any) {
      const res = await get{Model}List(params);
      this.list = res.data.items;
      this.total = res.data.total;
    },
  },
});

关键约定

• Store 命名：use{Name}Store
• Store ID：kebab-case
• State 使用类型定义
• Actions 使用 async/await

检查清单

• Store 名称是否唯一
• State 是否有类型定义
• Actions 是否有错误处理