The best way for use Day.js easily in your Nuxt.js project.
$ yarn add @nuxtjs/dayjs # or npm installexport default {
// ...
modules: [
'@nuxtjs/dayjs'
],
// Optional
dayjs: {
locales: ['en', 'ja'],
defaultLocale: 'en',
defaultTimeZone: 'Asia/Tokyo',
plugins: [
'utc', // import 'dayjs/plugin/utc'
'timezone' // import 'dayjs/plugin/timezone'
] // Your Day.js plugin
}
// ...
}with Context
<script>
export default {
asyncData({ $dayjs }) {
return {
now: $dayjs().format('YYYY/MM/DD')
}
}
}
</script>with Vue instance
<script>
export default {
data() {
return {
latestClicked: null
}
},
methods: {
handleClickButton() {
this.latestClicked = this.$dayjs().format('YYYY/MM/DD')
}
}
}
</script>Add the types to your "types" array in tsconfig.json after the @nuxt/types entry.
{
"compilerOptions": {
"types": [
"@nuxt/types",
"@nuxtjs/dayjs"
]
}
}$ git clone https://github.com/nuxt-community/dayjs-module.git
$ cd @nuxtjs/dayjs
$ yarnMIT @potato4d
This project generated by create-nuxt-module
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!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent