nuxt-i18n : date localization doesn't work for me

Question

I am trying to localize DateTime with Nuxt/i18n,
but it doesn't work!

This is what I have in the config of Nuxt/i18n in nuxt config:

  {
        seo: true,
        locales: [
          {
            code: 'en',
            iso: 'en-US',
            file: 'en.js',
            dir: 'ltr',
            name: 'English',
            id: 2,
          }
       
        ],

        lazy: true,
        langDir: 'locales/',
       
        defaultLocale: 'en',
        strategy: 'prefix_except_default',
        dateTimeFormats: {
          'en-US': {
            short: {
              year: 'numeric',
              month: 'long',
              day: 'numeric',
              weekday: 'short',
            },
            long: {
              year: 'numeric',
              month: 'short',
              day: 'numeric',
              weekday: 'short',
              hour: 'numeric',
              minute: 'numeric',
            },
          
          },
        },
      },

How can I fix this?

@JasonLandbridge , because my code is long and Stack doesn't let me post , i forced to add "how can i fix this " to longer text content — morteza mortezaie, Oct 18 '21 at 07:28
@JasonLandbridge , i use ```
{{ $d(new Date(), 'short') }}
``` for localization But it doesn't work — morteza mortezaie, Oct 18 '21 at 07:30

score 0 · Answer 1 · edited Oct 18 '21 at 09:51

Use the vueI18n option in the i18n part of your nuxt.config.js

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

nuxt-i18n : date localization doesn't work for me

1 Answers1