指南
扩展页面
从模块中添加本地化页面。
这是一种解决方法,未来可能会添加对不论模块注册顺序如何的本地化页面扩展的支持。
你的模块必须在
@nuxtjs/i18n
之前注册,以确保为添加的页面生成本地化路由。如果你是一个 模块作者,并希望你的模块能够为你的项目添加额外的页面,你可以使用 pages:extend
Nuxt 钩子来实现。
import ExampleModule from './modules/example-module'
export default defineNuxtConfig({
modules: [
ExampleModule, // 在 `@nuxtjs/i18n` 之前注册模块
'@nuxtjs/i18n'
]
})
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')
})
})
}
})