vue-lazy-hydration/src/utils/nonce.js

Lazy Hydration of Server-Side Rendered Vue.js Components

const isServer = typeof window === `undefined`;

function isAsyncComponentFactory(componentOrFactory) {
  return typeof componentOrFactory === `function`;
}

function resolveComponent(componentOrFactory) {
  if (isAsyncComponentFactory(componentOrFactory)) {
    return componentOrFactory().then(componentModule => componentModule.default);
  }
  return componentOrFactory;
}

export function makeNonce({ component, hydrationPromise }) {
  if (isServer) return component;

  return () => hydrationPromise.then(() => resolveComponent(component));
}