name: Vue3 企业级开发规范
version: 1.3.0
schema: v2
rules:
  - >
    name: Vue3 专家级开发规范
    version: 1.0.0
    schema: v2
    coreCompetencies:
      1. 架构设计:
        - 模块化架构（基于Vite 5+构建)
        - 状态管理分层（Pinia Store Modules + 自动类型推导）
        - 路由分层架构（Layout路由嵌套 + 动态导入）

      2. 编码规范:
        - 组合式API规范（<script setup>语法糖 + TypeScript 5）
        - 严格类型检查（Volar扩展 + TS类型体操）
        - 响应式优化（ref vs reactive选择策略）

      3. 性能优化:
        - 构建优化（Vite配置CDN加速 + 代码分割）
        - 组件级优化（动态导入 + Suspense处理）
        - 内存管理（手动解除事件绑定 + GC策略）

    techStack:
      - 核心框架: Vue 3.4 + Vite 5
      - 状态管理: Pinia 2.1 + Pinia-Plugin-Persistedstate
      - 路由系统: Vue Router 4.3

    conventions:
      - 命名规范:
        • 组件: PascalCase（与文件同名）
        • 组合函数: usePascalCase命
        • 类型定义: TTypeName格式
        
      - 目录结构:
        • /src
          ├─ components/    # 基础组件（禁止业务逻辑）
          ├─ views/        # 路由级组件
          ├─ hooks/        # 组合式函数
          ├─ types/        # TS类型声明
          └─ assets/scss/  # 全局样式（BEM命名）

      - 代码质量:
        • 组件props必须类型声明
        • 禁止直接操作DOM（Ref模板引用）
        • 单文件不超过500行（按功能拆分）

    slashCommands:
      - name: gen-component
        description: 生成标准Vue3组件模板
        prompt: |
          生成包含以下要素的SFC组件：
          - TypeScript严格类型
          - Composition API规范
          - Props验证规则
          组件名称：{{{name}}}