@nuxtjs/dayjs

The best way for use Day.js easily in your Nuxt.js project.

Installation

1$ yarn add @nuxtjs/dayjs # or npm install

Usage

1. Register dayjs module to your Nuxt Application

1export default {
2  // ...
3  modules: [
4    '@nuxtjs/dayjs'
5  ],
6
7  // Optional
8  dayjs: {
9    locales: ['en', 'ja'],
10    defaultLocale: 'en',
11    defaultTimeZone: 'Asia/Tokyo',
12    plugins: [
13      'utc', // import 'dayjs/plugin/utc'
14      'timezone' // import 'dayjs/plugin/timezone'
15    ] // Your Day.js plugin
16  }
17  // ...
18}

2. Use $dayjs on Context, Vue instance

with Context

1<script>
2export default {
3  asyncData({ $dayjs }) {
4    return {
5      now: $dayjs().format('YYYY/MM/DD')
6    }
7  }
8}
9</script>

with Vue instance

1<script>
2export default {
3  data() {
4    return {
5      latestClicked: null
6    }
7  },
8  methods: {
9    handleClickButton() {
10      this.latestClicked = this.$dayjs().format('YYYY/MM/DD')
11    }
12  }
13}
14</script>

For Typescript users

Add the types to your "types" array in tsconfig.json after the @nuxt/types entry.

For dayjs plugins, add their relative types like dayjs/plugin/_pluginName_.

tsconfig.json

1{
2  "compilerOptions": {
3    "types": [
4      "@nuxt/types",
5      "@nuxtjs/dayjs",
6      "dayjs/plugin/relativeTime",
7    ]
8  }
9}

Development

1$ git clone https://github.com/nuxt-community/dayjs-module.git
2$ cd @nuxtjs/dayjs
3$ yarn

License

MIT @potato4d

Note

This project generated by create-nuxt-module

Contributors

Thanks goes to these wonderful people (emoji key):

Takuma HANATANI(@potato4d) ???? ???? ???? ???? ???? ????

Bryan Daniel Velastegui Lucero ????

Wei ????

かずえもん ????

Daiki Ojima ????

This project follows the all-contributors specification. Contributions of any kind welcome!