# `@vercube/vue-lazy-hydration`
> Lazy Hydration of Server-Side Rendered for Vue 3
## 👉 [Demo with Nuxt on StackBlitz](https://stackblitz.com/edit/vercube-nuxt-lazy-hydration)
## Installation
```shell
# or npm / yarn
$ pnpm add @vercube/vue-lazy-hydration
```
For Vue applications, you can register `LazyHydration` either globally or locally within your components.
## Global Registration
You can register LazyHydration globally as follows:
```typescript
import { createSSRApp } from 'vue';
import { LazyHydration } from '@vercube/vue-lazy-hydration';
const app = createSSRApp({});
app.component('LazyHydration', LazyHydration);
```
## Local Registration
Alternatively, you can import LazyHydration directly into your Vue components like this:
```html
```
## Usage
To use `LazyHydration` just wrap your component with wrapper.
```html
Hydrated when component will be visible on screen
```
You can also use it with composable
```html
```
## Props
You can find all possible `props` [here](https://github.com/OskarLebuda/vue-lazy-hydration/blob/main/packages/vue-lazy-hydration/src/types/types.ts#L3)
## License
[MIT](http://opensource.org/licenses/MIT)
