[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)
[![NPM version](https://img.shields.io/npm/v/lazy-hydration.svg?style=flat)](https://npmjs.com/package/lazy-hydration)
[![NPM downloads](https://img.shields.io/npm/dm/lazy-hydration.svg?style=flat)](https://npmjs.com/package/lazy-hydration)
## Introduction
Lazy hydration for Vue SSR.
> NOTE: This project uses [@znck/prop-types](https://github.com/znck/prop-types) which generates tree shakeable component prop definitions but it requires `process.env.NODE_ENV` to replaced with `"production"` to work effectively. See [@znck/prop-types](https://github.com/znck/prop-types#introduction)'s documentation to know more.
## Usage
### Installation
```shell
npm install --save lazy-hydration
```
### Examples
```js
import Hydrate from 'lazy-hydration';
export default {
...
components: { Hydrate }
...
}
```
Examples of using Hydrate in a Vue component, which also
documents the different options provided:
```html
...
...
...
...
...
...
...
...
...
```
Programmatic approach:
``` html
...
```
> **NOTE:** Consider BETA until v1.0 release.
## Prior Art
- [vue-lazy-hydration](https://github.com/maoberlehner/vue-lazy-hydration) by Markus Oberlehner
## Contributing
Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
## Versioning
We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/znck/lazy-hydration/releases).
## Author
**lazy-hydration** © [Rahul Kadyan](https://github.com/znck), Released under the [MIT](./LICENSE) License.
Authored and maintained by Rahul Kadyan with help from contributors ([list](https://github.com/znck/lazy-hydration-temp/contributors)).
> [znck.me](https://znck.me) · GitHub [@Rahul Kadyan](https://github.com/znck) · Twitter [@znck0](https://twitter.com/@znck0)