Vue Chimera
[](https://vuejs.org)
[](https://circleci.com/gh/chimera-js/vue-chimera)
[](https://www.npmjs.org/package/vue-chimera)
[](http://npm-stat.com/charts.html?package=vue-chimera)
[](https://bundlephobia.com/result?p=vue-chimera@1.0.0)
[](https://codecov.io/gh/chimera-js/vue-chimera)
VueJS RESTful client with reactive features.
Vue-Chimera is based on [axios](https://github.com/axios/axios) http client library.
Overview of features:
- Loading flags
- Binding vue instances to API endpoints
- Reactive endpoints and auto request based on vue instance data
- Auto refreshing data
- Serverside prefetching (Nuxt.js compatible)
- Request cancellation
- Cancel all pending requests on vue instance destroy (like route changes)
- Events
- Lightweight
## Demo
[Demo](https://vue-chimera.netlify.com/demo)
## Documents
[Full Documentation](https://vue-chimera.netlify.com)
## Installing
Using npm:
```bash
$ npm install vue-chimera
or
$ yarn add vue-chimera
```
Using cdn:
```html
```
## Getting started
To add **vue-chimera** to your Vue you must use it as a plugin:
*ECMAScript 6*
```javascript
import Vue from 'vue'
import VueChimera from 'vue-chimera'
Vue.use(VueChimera)
```
## Using with Nuxt.js
You can use Vue-Chimera with nuxtjs to use it's SSR features so you can easily prefetch the data.
```javascript
// nuxt.config.js
module.exports = {
modules: [
'vue-chimera/nuxt'
],
chimera: {
// Enables server side prefetch on endpoints which has `auto` property
// true: fetched on server
// false: fetched on client
// 'override': fetched on server and client (overrided by client)
prefetch: true,
prefetchTimeout: 2000 // Server side timeout for prefetch
}
}
```
## Maintainer
## Contribution
All PRs are welcome.
Thanks.
## License
[MIT](https://github.com/chimera-js/vue-chimera/blob/master/LICENSE.MD)