Vue 3 Lazy Hydration

vue3-lazy-hydration is a library designed for Vue 3 applications utilizing Server-Side Rendering (SSR) to improve initial page load performance by delaying the hydration of pre-rendered HTML components. Instead of immediately making all components interactive on the client, it allows developers to specify conditions under which hydration should occur, such as when the browser is idle, when a component becomes visible in the viewport, or upon user interaction (e.g., click, focus). The library provides a flexible API including a renderless component (`LazyHydrationWrapper`), composables like `useLazyHydration`, and import wrappers for controlling hydration. The current stable version is 1.2.1. While the project saw several updates in 2022, its release cadence has since become dormant, with the last update in September 2022. It distinguishes itself by offering multiple hydration strategies and direct Vue 3 compatibility, building upon concepts from its Vue 2 predecessor.