@nuxtjs/date-fns

@nuxtjs/date-fns

Modern JavaScript date utility library - date-fns for Nuxt.js

📖 Release Notes

Setup

• Add @nuxtjs/date-fns dependency to your project

yarn add @nuxtjs/date-fns # or npm install @nuxtjs/date-fns

• Add @nuxtjs/date-fns to the modules section of nuxt.config.js

{
  modules: [
    // Simple usage
    '@nuxtjs/date-fns',

    // With options
    ['@nuxtjs/date-fns', { /* module options */ }]
  ]
}

Using top level options

{
  modules: [
    '@nuxtjs/date-fns'
  ],
  dateFns: {
    /* module options */
  }
}

Options

locales

• Default: []

Locales to be imported.

defaultLocale

• Default: null

You can preset default locale.

format

• Default: null

You can preset default format.

Usage

This module inject $dateFns to your project:

<template>
  <div>
    // Using default format and locale
    {{ $dateFns.format(new Date()) }}

    // Using custom format
    {{ $dateFns.format(new Date(), 'yyyy-MM-dd') }}

    // Using custom format and locale
    {{ $dateFns.format(new Date(), 'yyyy-MM-dd', { locale: 'ru' }) }}

    // Using asyncData
    {{ dateFormatted }}
  </div>
</template>

<script>
export default {
  asyncData(ctx) {
    return {
      // $dateFns is available in context
      dateFormatted: ctx.app.$dateFns.format(new Date())
    }
  }
}
</script>

License

MIT License

Copyright (c) Nuxt Community

Changelog

1.0.0 (2019-09-05)

⚠ BREAKING CHANGES

• use date-fns v2

• update module (3688ed7)