指南

从模块安装

如何使用模块中的 `installModule` 安装 Nuxt i18n。

如果您是模块作者并希望您的模块安装 Nuxt i18n,可以使用 installModule(),但您必须解决用于 vueI18nlangDirlocales 中配置的路径。

我们强烈建议使用 layers 进行完整的模块安装,而不是使用 installModule(),层按优先级合并,这允许项目根据需要覆盖选项,并且如果多个层提供 Nuxt i18n 模块的选项,将不会导致冲突。

如果您只希望您的模块提供翻译,可以考虑使用 extend-messages 中描述的钩子。

请注意,当使用 installModule() 时,传递的选项本质上优先级高于任何层(包括项目层),选项在可能和适用时会合并,但否则会覆盖配置。

示例:

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

export default defineNuxtModule({
  async setup(options, nuxt) {
    const { resolve } = createResolver(import.meta.url)

    // 需要解析路径以便使用绝对路径
    await installModule('@nuxtjs/i18n', {
      vueI18n: resolve('./i18n.config.ts'),
      langDir: resolve('./lang'),
      locales: [
        {
          code: 'en',
          file: resolve('./lang/en.json'),
        },
        {
          code: 'fr',
          file: resolve('./lang/fr.json'),
        },
      ]
    })
  }
})

现在项目可以访问新的消息,并可以通过 $t('my-module-example.hello') 使用它们。