Optimize Vue 3 SSR with lazy hydration, delaying HTML hydration until it's needed for better performance
npm install @vercube/nuxt-lazy-hydration@vercube/nuxt-lazy-hydration> Lazy Hydration of Server-Side Rendered for Nuxt 3
``shell`or npm / yarn
$ pnpm add @vercube/nuxt-lazy-hydration
Add to modules in nuxt.config.ts:
`typescript
import { defineNuxtConfig } from 'nuxt/config';
export default defineNuxtConfig({
modules: ['@vercube/nuxt-lazy-hydration'],
});
`
To use NuxtLazyHydration Hydrated when component will be visible on screen just wrap your component with wrapper.`html`
You can also use it with composable
`html
`