nuxt/dist/head/runtime/plugins/unhead.js

[](https://nuxt.com)

import { createHead as createClientHead, createServerHead } from "@unhead/vue";
import { renderSSRHead } from "@unhead/ssr";
import { defineNuxtPlugin } from "#app/nuxt";
import { appHead } from "#build/nuxt.config.mjs";
export default defineNuxtPlugin({
  name: "nuxt:head",
  setup(nuxtApp) {
    const createHead = process.server ? createServerHead : createClientHead;
    const head = createHead();
    head.push(appHead);
    nuxtApp.vueApp.use(head);
    if (process.client) {
      let pauseDOMUpdates = true;
      const unpauseDom = () => {
        pauseDOMUpdates = false;
        head.hooks.callHook("entries:updated", head);
      };
      head.hooks.hook("dom:beforeRender", (context) => {
        context.shouldRender = !pauseDOMUpdates;
      });
      nuxtApp.hooks.hook("page:start", () => {
        pauseDOMUpdates = true;
      });
      nuxtApp.hooks.hook("page:finish", unpauseDom);
      nuxtApp.hooks.hook("app:suspense:resolve", unpauseDom);
    }
    if (process.server) {
      nuxtApp.ssrContext.renderMeta = async () => {
        const meta = await renderSSRHead(head);
        return {
          ...meta,
          bodyScriptsPrepend: meta.bodyTagsOpen,
          // resolves naming difference with NuxtMeta and Unhead
          bodyScripts: meta.bodyTags
        };
      };
    }
  }
});