指南
扩展页面
从模块添加本地化页面。
这是一种解决方案,未来可能会添加对扩展页面的本地化支持,无论模块注册顺序如何。
您的模块必须在
@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')
})
})
}
})