SuperAPI AI 工具集

nuxt-layers

通用与其它

查看项目

更新于 10-15 23:58

技能介绍

用途:Nuxt Layers 用于在多个 Nuxt 应用之间共享 composables、模型、仓库与 UI 组件,形成统一的基础层架构。

主要能力:采用三层结构。base 层提供核心基础设施,包括 Model、BaseRepository、ApiClient、ModelHydrator 等类,ValidationError、ConflictError、TooManyRequestsError 等错误,以及 useRepository、useQuery、useFilterQuery、useWait、usePermissions、useFlash、useForm、useReactiveFilters、useRealtime、useShadowCache 等 composables 和 49 个工具函数。nuxt-ui 层提供 UI 原语,包括 useModal、useSlideover、useConfirmationToast、useTabs、useDropdown、useAppHeader、useBreadcrumbs 等 composables,以及 Copyable、SearchInput、SearchSelect、Rating、LoadingLine 等组件。x-ui 层提供扩展 UI 组件,如 XTable、XForm、XSlideover。

使用方式:在 nuxt.config.ts 中通过 extends 数组引入各层路径,例如 '../../../nuxt-layers/base'、'../../../nuxt-layers/nuxt-ui'、'../../../nuxt-layers/x-ui'。可从层中显式导入,如 import Model from '#layers/base/app/models/Model'、import { BaseRepository } from '#layers/base/app/repositories/base-repository';composables 会自动导入,例如 const leadApi = useRepository('leads')。私有 GitHub 层可在构建时消费,涉及 LAYER_* 环境变量驱动的路径解析、GIGET_AUTH 作用域与构建时/运行时放置、远程层的 { install: true },以及 404 tarball 等失败模式。

适用场景:需要跨应用复用基础模型、仓库、权限、表单、实时与 UI 组件的 Nuxt 项目。

限制:资料未提供版本要求、安装命令、收费与平台支持等细节,暂未提供。