该技能提供 Nuxt 4 + Vue 3 + Nuxt UI 应用的基础架构约定,核心是领域驱动、类型安全、组合式优先,强调关注点分离。
用途:适合启动新项目、理解项目结构或进行架构决策时参考。
技术栈:框架为 Nuxt 4(SPA 模式,禁用 SSR);UI 使用 Vue 3 Composition API;组件采用 Nuxt UI v4 与 Tailwind CSS 4;状态用 ref/useState 组合式函数;HTTP 通过 Sanctum/ofetch 自定义 fetch;认证使用 Laravel Sanctum(nuxt-auth-sanctum);实时通信使用 Laravel Echo(nuxt-laravel-echo)。
标准目录结构:app/ 下含 components(按类型分 Tables/、Forms/、Modals/)、composables、constants(channels.ts、events.ts、permissions.ts)、enums(带行为的 TypeScript 枚举)、features(领域模块,含 queries/、mutations/、actions/)、models(领域模型类)、pages(文件路由)、repositories(数据访问层)、types(TypeScript 定义)、values(值对象)。
模式流程:Component → Action → Mutation → Repository → API,Query 提供响应式数据获取。Action 编排业务逻辑,Mutation 处理纯 API 调用,Query 提供响应式数据,Repository 抽象 API 访问。
文档方面提供 philosophy.md(基础原则、关注点分离、各模式使用时机)与 structure.md(目录布局、命名约定、文件组织)。
限制:资料未给出安装命令、示例代码、具体配置步骤及授权收费信息,暂未提供。