persian-vue-timeago
Version:
persian local timeago
60 lines (40 loc) • 1.91 kB
Markdown
# vue-timeago [](https://npmjs.com/package/vue-timeago) [](https://npmjs.com/package/vue-timeago) [](https://circleci.com/gh/egoist/vue-timeago)
> A timeago component for Vue.
## Install
```bash
$ npm install --save vue-timeago
```
It's also available on NPMCDN: https://npmcdn.com/vue-timeago/index.umd.js
## Usage
```js
import VueTimeago from 'vue-timeago'
Vue.use(VueTimeago, {
name: 'timeago', // component name, `timeago` by default
locale: 'en-US',
locales: {
'en-US': require('vue-timeago/locales/en-US.json')
}
})
```
Then in your lovely component:
```html
<!-- simple usage -->
<!-- time is a dateString that can be parsed by Date.parse() -->
<timeago :since="time"></timeago>
<!-- Auto-update time every 60 seconds -->
<timeago :since="time" :auto-update="60"></timeago>
<!-- max time, time before this will not be converted -->
<!-- otherwise use custom formatTime function to format -->
<!-- 86400 * 365 = a year -->
<timeago :since="time" :max-time="86400 * 365" :format="formatTime"></timeago>
<!-- custom locale -->
<!-- use a different locale instead of the global config -->
<timeago :since="time" locale="zh-CN"></timeago>
```
A very basic demo: https://egoistian.com/vue-timeago
## i18n support
For all supported languages, see [/locales](https://github.com/egoist/vue-timeago/blob/master/locales), feel free to submit a Pull Request to help us support more languages!
## Development
I use [rollup](https://github.com/rollup/rollup) to build the cjs and umd version bundles, and use [vbuild](https://github.com/egoist/vbuild) to build the example. Install them globally and then see the npm scripts.
## License
MIT © [EGOIST](https://github.com/egoist)