nuxt i18n 数字本地化

Question

如何在 Nuxt 中配置号码本地化？

我有我的nuxt.config像这样

modules: [
    ['nuxt-i18n', {
      locales: [
        {
          code: 'en',
          iso: 'en-US',
          file: 'en-US.js'
        }
      lazy: true,
      langDir: 'lang/',
      defaultLocale: 'en',
    }]
  ],

但是如果我尝试将这样的模板添加到页面

<p>{{ $n(100, 'currency') }}</p>

我的控制台出现错误：

[vue-i18n] Fall back to 'en-US' number formats from 'en number formats.

我尝试搜索示例，但在 nuxt 文档中找不到任何示例。

Answer 1

我是这样解决的：

modules: [
    ['nuxt-i18n', {
       locales: [
         {
           code: 'en',
           iso: 'en-US',
           file: 'en-US.js'
         }
       ],
       lazy: true,
       langDir: 'lang/',
       defaultLocale: 'en',
       vueI18n: {
         numberFormats: {
           en: {
             currency: {
                style: 'currency', 
                 currency: 'USD'
                }
           }
         }
       }
     }
    ],

nuxt i18n 数字本地化

nuxt i18n number localization

nuxt.js

nuxt-i18n