指南
扩展页面
从模块添加本地化页面。
如果你是模块作者,并希望你的模块向项目中添加额外的页面,可以使用 'pages:extend'
Nuxt 钩子来实现。
modules/example-module/index.ts
import { defineNuxtModule, createResolver } from '@nuxt/kit'
export default defineNuxtModule({
setup(options, nuxt) {
const { resolve } = createResolver(import.meta.url)
nuxt.hook('pages:extend', pages => {
pages.push({
name: 'example-page',
path: '/example-page',
file: resolve(__dirname, './pages/example-page.vue')
})
})
}
})