nuxt/dist/app/composables/hydrate.js

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

import { useNuxtApp } from "../nuxt.js";
export const useHydration = (key, get, set) => {
  const nuxtApp = useNuxtApp();
  if (import.meta.server) {
    nuxtApp.hooks.hook("app:rendered", () => {
      nuxtApp.payload[key] = get();
    });
  }
  if (import.meta.client) {
    nuxtApp.hooks.hook("app:created", () => {
      set(nuxtApp.payload[key]);
    });
  }
};