Nuxt - Nuxt I18n 中文文档

Nuxt 运行时应用上下文的扩展

以下 API 都在 NuxtApp 上公开。

`$i18n`

类型: VueI18n | Composer

$i18n 是 Vue I18n 的全局 Composer 或全局 VueI18n 实例。详细信息请参见这里

如果在你的 @nuxtjs/i18n 配置中将 i18n.vueI18n.legacy 选项设置为 false，则 $i18n 是全局 Composer 实例。否则，它是全局 VueI18n 实例。

示例用法：

export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.$i18n.onBeforeLanguageSwitch = (oldLocale, newLocale, isInitialSetup, nuxtApp) => {
    console.log('onBeforeLanguageSwitch', oldLocale, newLocale, isInitialSetup)
  }
})

`$getRouteBaseName()`

`$switchLocalePath()`

`$localePath()`

`$localeRoute()`

`$localeHead()`

有关这些的更多信息，请参见 Vue 的扩展部分。

NuxtHooks 的扩展

`'i18n:registerModule'` 钩子

参数:
- registerModule (类型: ({ langDir: string, locales: LocaleObject[] }) => void)

my-module-example/module.ts

import { createResolver, defineNuxtModule } from '@nuxt/kit'

export default defineNuxtModule({
  async setup(options, nuxt) {
    const { resolve } = createResolver(import.meta.url)
    nuxt.hook('i18n:registerModule', register => {
      register({
        // langDir 路径需要解析
        langDir: resolve('./lang'),
        locales: [
          {
            code: 'en',
            file: 'en.json',
          },
          {
            code: 'fr',
            file: 'fr.json',
          },
        ]
      })
    })
  }
})

另见扩展消息钩子

Vue

Vue 的扩展。

运行时配置

i18n 运行时配置选项。