Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kdydesign/nuxt-moment-module
Easy integration between nuxt.js and moment
https://github.com/kdydesign/nuxt-moment-module
mement momentjs nuxt nuxt-module nuxt-moment nuxt-moment-module nuxtjs vue vuejs
Last synced: about 2 months ago
JSON representation
Easy integration between nuxt.js and moment
- Host: GitHub
- URL: https://github.com/kdydesign/nuxt-moment-module
- Owner: kdydesign
- License: mit
- Created: 2019-12-27T09:42:31.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T20:27:36.000Z (about 1 year ago)
- Last Synced: 2024-07-20T22:44:58.715Z (2 months ago)
- Topics: mement, momentjs, nuxt, nuxt-module, nuxt-moment, nuxt-moment-module, nuxtjs, vue, vuejs
- Language: JavaScript
- Size: 809 KB
- Stars: 16
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Nuxt-Moment-Module
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Circle CI][circle-ci-src]][circle-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![Standard JS][standard-js-src]][standard-js-href]
![License][license-src]
> Easy integration between Nuxt.js and Moment.js
## Infos
- [📖 **Release Notes**](./CHANGELOG.md)
## Install
Install with npm:
```bash
npm i nuxt-moment
```
nuxt.config.js:
```js
module.exports = {
modules: [
// Simple usage
'nuxt-moment'
]
}
```
## Usage
### Component
```js
export default {
data () {
return {
date: this.$moment().format('LTS')
}
},
computed: {
computedDate () {
return this.$moment(new Date).format('LL')
}
},
methods: {
getDate () {
return this.$moment()
}
}
}
```
### Plugin
```js
export default function({ $moment }) {
console.log($moment().format('LTS'))
}
```
### Store
```js
export const state = () => ({
date: new Date()
})
export const mutations = {
MUTATION (state) {
state.date = this.$moment().day(10)
}
}
export const actions = {
action ({state, commit}) {
commit('SAMPLE_MUTATIONS', this.$moment().day(5))
}
}
```
## License
[MIT License](./LICENSE)
Copyright (c) [Dev.DY](https://kdydesign.github.io/)
[npm-version-src]: https://img.shields.io/npm/v/nuxt-moment?style=flat-square
[npm-version-href]: https://npmjs.com/package/nuxt-moment
[npm-downloads-src]: https://img.shields.io/npm/dt/nuxt-moment?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/nuxt-moment
[circle-ci-src]: https://img.shields.io/circleci/project/github/kdydesign/nuxt-moment-module/master.svg?style=flat-square
[circle-ci-href]: https://circleci.com/gh/kdydesign/nuxt-moment-module/tree/master
[codecov-src]: https://img.shields.io/codecov/c/github/kdydesign/nuxt-moment-module.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/kdydesign/nuxt-moment-module
[david-dm-src]: https://david-dm.org/kdydesign/nuxt-moment-module/status.svg?style=flat-square
[david-dm-href]: https://david-dm.org/kdydesign/nuxt-moment-module
[standard-js-src]: https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square
[standard-js-href]: https://standardjs.com
[license-src]: https://img.shields.io/npm/l/nuxt-moment?style=flat-square