SuperAPI AI 工具集

nuxt-layers

通用与其它

查看项目

更新于 10-15 23:58

技能介绍

用途:该功能用于理解 Nuxt 分层架构,在多个应用间共享组合式函数、模型、仓储与 UI 组件。资料给出 base、nuxt-ui、x-ui 三层结构:x-ui 提供扩展 UI 组件(XTable、XForm、XSlideover);nuxt-ui 提供 UI 基础能力(模态、提示、标签页、覆盖层);base 提供核心基础设施(Model、Repository、组合式函数、工具函数)。

主要能力:base 层包含 useRepository、useQuery、useFilterQuery、useWait、usePermissions、useFlash、useForm、useReactiveFilters、useRealtime、useShadowCache 等组合式函数;Model、BaseRepository、ApiClient、ModelHydrator 等类;ValidationError、ConflictError、TooManyRequestsError 等错误;以及 49 个工具函数(数组、字符串、对象、日期、异步)。nuxt-ui 层包含 useModal、useSlideover、useConfirmationToast、useTabs、useDropdown、useAppHeader、useBreadcrumbs 等组合式函数,以及 Copyable、SearchInput、SearchSelect、Rating、LoadingLine 等组件。

使用方式:在 nuxt.config.ts 的 extends 中按顺序加入三个层路径。可从 #layers/base 导入 Model、类型、BaseRepository、ModelHydrator 等;组合式函数自动导入,例如 useRepository('leads')、useWait()、usePermissions()。

适用场景与限制:适用于基于 Nuxt 的多应用共享架构。具体版本、依赖与完整使用步骤暂未提供。