@vercube/vue-lazy-hydration

> Lazy Hydration of Server-Side Rendered for Vue 3

👉 Demo with Nuxt on StackBlitz

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

`

You can also use it with composable
`html


`

Props


You can find all possible props` here

License

MIT