layers

layers/ 目录允许您在 Nuxt 应用程序中组织和共享可重用的代码、组件、组合函数（composables）和配置。项目中 layers/ 目录下的任何层都将被自动注册。

结构

layers/ 中的每个子目录都被视为一个单独的层。一个层可以包含与标准 Nuxt 应用程序相同的结构。

-| layers/
---| base/
-----| nuxt.config.ts
-----| app/
-------| components/
---------| BaseButton.vue
-------| composables/
---------| useBase.ts
-----| server/
-------| api/
---------| hello.ts
---| admin/
-----| nuxt.config.ts
-----| app/
-------| pages/
---------| admin.vue
-------| layouts/
---------| admin.vue

自动别名

会自动为每个层的 srcDir 创建命名的层别名。您可以使用 #layers/[name] 别名来访问一个层。

// Access the base layer
import something from '#layers/base/path/to/file'

// Access the admin layer
import { useAdmin } from '#layers/admin/composables/useAdmin'

层内容

每层可以包含

• nuxt.config.ts - 层特定的配置，将与主配置合并
• app.config.ts - 响应式应用程序配置
• app/components/ - Vue 组件（自动导入）
• app/composables/ - Vue 组合函数（自动导入）
• app/utils/ - 实用工具函数（自动导入）
• app/pages/ - 应用程序页面
• app/layouts/ - 应用程序布局
• app/middleware/ - 路由中间件
• app/plugins/ - Nuxt 插件
• server/ - 服务器路由、中间件和工具
• shared/ - 应用和服务器之间的共享代码

优先级顺序

当多个层定义相同的资源（组件、组合函数、页面等）时，具有更高优先级的层获胜。层按字母顺序排序，后面的字母优先级更高 (Z > A)。

要控制顺序，请使用数字作为目录前缀：1.base/, 2.features/, 3.admin/。