Lzh on GitHub

扩展页面

从模块添加本地化页面。

如果您是模块作者,并且希望您的模块向您的项目添加额外页面,则可以通过使用 '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')
      })
    })
  }
})