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

name, description, globs

name	description	globs
frontend-web-store	Web 前台状态管理规范（Nuxt 4），基于 Pinia	frontend/web/app/stores/**/*.ts

代码模板

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