javascript - 如何在 nuxtjs/dayjs 中使用 updateLocale？

Question

我想更改荷兰语语言环境 (nl) 的短工作日。为此，我需要使用 updateLocale，如下所述：https ://day.js.org/docs/en/customization/weekday-abbreviations 。这是我目前在 nuxt.config.js 中的内容：

  modules: [
    '@nuxtjs/dayjs',
  ],
  dayjs: {
    locales: ['en', 'nl'],
    defaultLocale: 'nl',
    plugins: [
      'updateLocale',
      'relativeTime'
    ],
    updateLocale: ('nl', {
      weekdaysShort: ['Su', 'Mo', 'Tu', 'WAHH', 'Th', 'Fr', 'Sa']
    })
  }

不要介意'WAHH'部分，那只是为了测试。但显然这是行不通的。处理这个的正确方法是什么？

使用这个： https ://www.npmjs.com/package/@nuxtjs/dayjs

Answer 1

在文件夹中创建一个dayjs.js文件plugins并在下面编写代码。

export default function ({ $dayjs }) {
  $dayjs.updateLocale('en', {
    relativeTime: {
      future: 'in %s',
      past: '%s ago',
      s: 'a few seconds',
      m: 'a minute',
      mm: '%d minutes',
      h: 'an hour',
      hh: '%d hours',
      d: 'a day',
      dd: '%d days',
      M: 'a month',
      MM: '%d months',
      y: 'a year',
      yy: '%d years',
    },
  })
}

并将这个插件添加到nuxt.config.js.

// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [ '~/plugins/dayjs'],

最后，将 updateLocale 添加到 dayjs 配置中nuxt.config.js

...

dayjs: {
    locales: ['en'],
    defaultLocale: 'en',
    defaultTimeZone: 'America/New_York',
    plugins: ['timezone', 'relativeTime', 'updateLocale'],
  },

...