vue3-lazy-hydration/dist/esm/composables/useHydrateWhenTriggered.mjs

Lazy Hydration for Vue 3 SSR

import { getCurrentInstance, watch, isRef } from "vue";
function useHydrateWhenTriggered({
  willPerformHydration,
  hydrate,
  onCleanup
}, trigger) {
  if (!willPerformHydration) {
    return;
  }
  if (!getCurrentInstance()) {
    throw new Error(
      "useHydrateWhenTriggered must be called from the setup or lifecycle hook methods."
    );
  }
  const unWatch = watch(
    isRef(trigger) ? trigger : () => trigger,
    (isTriggered) => {
      if (isTriggered) {
        hydrate();
      }
    },
    {
      immediate: true
    }
  );
  onCleanup(unWatch);
}
export {
  useHydrateWhenTriggered as default
};