https://github.com/baroshem/nuxt-lazy-hydrate
💦 Lazy Hydration Module for Nuxt
https://github.com/baroshem/nuxt-lazy-hydrate
hydration lazy nuxt performance vue
Last synced: about 2 months ago
JSON representation
💦 Lazy Hydration Module for Nuxt
- Host: GitHub
- URL: https://github.com/baroshem/nuxt-lazy-hydrate
- Owner: Baroshem
- Created: 2022-11-18T08:12:59.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-02T07:12:55.000Z (almost 2 years ago)
- Last Synced: 2025-04-02T10:12:08.745Z (2 months ago)
- Topics: hydration, lazy, nuxt, performance, vue
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/nuxt-lazy-hydrate
- Size: 399 KB
- Stars: 104
- Watchers: 1
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# nuxt-lazy-hydrate
This module is a wrapper around [Vue 3 Lazy Hydration Plugin](https://github.com/freddy38510/vue3-lazy-hydration) for Nuxt 3.
Huge kudos to the package author and also to Markus Oberleihner for developing this amazing idea.
Make sure to give a star to both of these projects:
-
-
## Setup
```sh
yarn add nuxt-lazy-hydrate # yarn
npm i nuxt-lazy-hydrate # npm
```
## Usage
The only thing you need to do to use the module in the default configuration is to register the module in the `modules` array in `nuxt.config.ts`:
```javascript
// nuxt.config.js
{
modules: ["nuxt-lazy-hydrate"],
}
```
And that's it! You can now use the `NuxtLazyHydrate` component in your Nuxt app:
```html
Nuxt module playground!
```
For all configuration options of this component, please head out to [Vue 3 Lazy Hydration Package](https://github.com/freddy38510/vue3-lazy-hydration)
## Development
- Run `npm run dev:prepare` to generate type stubs.
- Use `npm run dev` to start [playground](./playground) in development mode.