@unhead/vue 1.6.2 → 1.7.0

package/dist/components.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+const vue = require('vue');
+const injectHead = require('./shared/vue.77729ad4.cjs');
+require('unhead');
+require('@unhead/shared');
+
+function addVNodeToHeadObj(node, obj) {
+  const nodeType = !injectHead.Vue3 ? node.tag : node.type;
+  const type = nodeType === "html" ? "htmlAttrs" : nodeType === "body" ? "bodyAttrs" : nodeType;
+  if (typeof type !== "string" || !(type in obj))
+    return;
+  const nodeData = !injectHead.Vue3 ? node.data : node;
+  const props = (!injectHead.Vue3 ? nodeData.attrs : node.props) || {};
+  if (!injectHead.Vue3) {
+    if (nodeData.staticClass)
+      props.class = nodeData.staticClass;
+    if (nodeData.staticStyle)
+      props.style = Object.entries(nodeData.staticStyle).map(([key, value]) => `${key}:${value}`).join(";");
+  }
+  if (node.children) {
+    const childrenAttr = !injectHead.Vue3 ? "text" : "children";
+    props.children = Array.isArray(node.children) ? node.children[0][childrenAttr] : node[childrenAttr];
+  }
+  if (Array.isArray(obj[type]))
+    obj[type].push(props);
+  else if (type === "title")
+    obj.title = props.children;
+  else
+    obj[type] = props;
+}
+function vnodesToHeadObj(nodes) {
+  const obj = {
+    title: void 0,
+    htmlAttrs: void 0,
+    bodyAttrs: void 0,
+    base: void 0,
+    meta: [],
+    link: [],
+    style: [],
+    script: [],
+    noscript: []
+  };
+  for (const node of nodes) {
+    if (typeof node.type === "symbol" && Array.isArray(node.children)) {
+      for (const childNode of node.children)
+        addVNodeToHeadObj(childNode, obj);
+    } else {
+      addVNodeToHeadObj(node, obj);
+    }
+  }
+  return obj;
+}
+const Head = /* @__PURE__ */ vue.defineComponent({
+  // eslint-disable-next-line vue/no-reserved-component-names
+  name: "Head",
+  setup(_, { slots }) {
+    const head = injectHead.injectHead();
+    const obj = vue.ref({});
+    const entry = head.push(obj);
+    vue.onBeforeUnmount(() => {
+      entry.dispose();
+    });
+    return () => {
+      vue.watchEffect(() => {
+        if (!slots.default)
+          return;
+        entry.patch(vnodesToHeadObj(slots.default()));
+      });
+      return null;
+    };
+  }
+});
+
+exports.Head = Head;

package/dist/components.d.cts

@@ -0,0 +1,5 @@
+import { DefineComponent } from 'vue';
+
+declare const Head: DefineComponent;
+
+export { Head };

package/dist/components.d.mts

@@ -0,0 +1,5 @@
+import { DefineComponent } from 'vue';
+
+declare const Head: DefineComponent;
+
+export { Head };

package/dist/components.d.ts

@@ -0,0 +1,5 @@
+import { DefineComponent } from 'vue';
+
+declare const Head: DefineComponent;
+
+export { Head };

package/dist/components.mjs

@@ -0,0 +1,73 @@
+import { defineComponent, ref, onBeforeUnmount, watchEffect } from 'vue';
+import { i as injectHead, V as Vue3 } from './shared/vue.cf295fb1.mjs';
+import 'unhead';
+import '@unhead/shared';
+
+function addVNodeToHeadObj(node, obj) {
+  const nodeType = !Vue3 ? node.tag : node.type;
+  const type = nodeType === "html" ? "htmlAttrs" : nodeType === "body" ? "bodyAttrs" : nodeType;
+  if (typeof type !== "string" || !(type in obj))
+    return;
+  const nodeData = !Vue3 ? node.data : node;
+  const props = (!Vue3 ? nodeData.attrs : node.props) || {};
+  if (!Vue3) {
+    if (nodeData.staticClass)
+      props.class = nodeData.staticClass;
+    if (nodeData.staticStyle)
+      props.style = Object.entries(nodeData.staticStyle).map(([key, value]) => `${key}:${value}`).join(";");
+  }
+  if (node.children) {
+    const childrenAttr = !Vue3 ? "text" : "children";
+    props.children = Array.isArray(node.children) ? node.children[0][childrenAttr] : node[childrenAttr];
+  }
+  if (Array.isArray(obj[type]))
+    obj[type].push(props);
+  else if (type === "title")
+    obj.title = props.children;
+  else
+    obj[type] = props;
+}
+function vnodesToHeadObj(nodes) {
+  const obj = {
+    title: void 0,
+    htmlAttrs: void 0,
+    bodyAttrs: void 0,
+    base: void 0,
+    meta: [],
+    link: [],
+    style: [],
+    script: [],
+    noscript: []
+  };
+  for (const node of nodes) {
+    if (typeof node.type === "symbol" && Array.isArray(node.children)) {
+      for (const childNode of node.children)
+        addVNodeToHeadObj(childNode, obj);
+    } else {
+      addVNodeToHeadObj(node, obj);
+    }
+  }
+  return obj;
+}
+const Head = /* @__PURE__ */ defineComponent({
+  // eslint-disable-next-line vue/no-reserved-component-names
+  name: "Head",
+  setup(_, { slots }) {
+    const head = injectHead();
+    const obj = ref({});
+    const entry = head.push(obj);
+    onBeforeUnmount(() => {
+      entry.dispose();
+    });
+    return () => {
+      watchEffect(() => {
+        if (!slots.default)
+          return;
+        entry.patch(vnodesToHeadObj(slots.default()));
+      });
+      return null;
+    };
+  }
+});
+
+export { Head };

package/dist/index.cjs

@@ -1,14 +1,15 @@
 'use strict';
 
 const unhead = require('unhead');
-const useHead = require('./shared/vue.9cf7ea21.cjs');
+const injectHead = require('./shared/vue.77729ad4.cjs');
 const vue = require('vue');
+const useHead = require('./shared/vue.af935fad.cjs');
 const shared = require('@unhead/shared');
 
 const VueHeadMixin = {
   created() {
     let source = false;
-    if (useHead.Vue3) {
+    if (injectHead.Vue3) {
       const instance = vue.getCurrentInstance();
       if (!instance)
         return;
@@ -39,7 +40,7 @@ const Vue2ProvideUnheadPlugin = function(_Vue, head) {
           origProvideResult = origProvide || {};
         return {
           ...origProvideResult,
-          [useHead.headSymbol]: head
+          [injectHead.headSymbol]: head
         };
       };
     }
@@ -60,7 +61,7 @@ function useHeadSafe(input, options = {}) {
 function useSeoMeta(input, options) {
   const headInput = vue.ref({});
   vue.watchEffect(() => {
-    const resolvedMeta = useHead.resolveUnrefHeadInput(input);
+    const resolvedMeta = injectHead.resolveUnrefHeadInput(input);
     const { title, titleTemplate, ...meta } = resolvedMeta;
     headInput.value = {
       title,
@@ -72,7 +73,7 @@ function useSeoMeta(input, options) {
 }
 
 function useServerHead(input, options = {}) {
-  const head = options.head || useHead.injectHead();
+  const head = options.head || injectHead.injectHead();
   delete options.head;
   if (head)
     return head.push(input, { ...options, mode: "server" });
@@ -89,11 +90,11 @@ function useServerSeoMeta(input, options) {
 exports.CapoPlugin = unhead.CapoPlugin;
 exports.HashHydrationPlugin = unhead.HashHydrationPlugin;
 exports.createHeadCore = unhead.createHeadCore;
-exports.createHead = useHead.createHead;
-exports.createServerHead = useHead.createServerHead;
-exports.injectHead = useHead.injectHead;
-exports.resolveUnrefHeadInput = useHead.resolveUnrefHeadInput;
-exports.setHeadInjectionHandler = useHead.setHeadInjectionHandler;
+exports.createHead = injectHead.createHead;
+exports.createServerHead = injectHead.createServerHead;
+exports.injectHead = injectHead.injectHead;
+exports.resolveUnrefHeadInput = injectHead.resolveUnrefHeadInput;
+exports.setHeadInjectionHandler = injectHead.setHeadInjectionHandler;
 exports.useHead = useHead.useHead;
 exports.Vue2ProvideUnheadPlugin = Vue2ProvideUnheadPlugin;
 exports.VueHeadMixin = VueHeadMixin;

package/dist/index.mjs

@@ -1,7 +1,8 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
-import { V as Vue3, u as useHead, h as headSymbol, r as resolveUnrefHeadInput, i as injectHead } from './shared/vue.b1b42453.mjs';
-export { c as createHead, a as createServerHead, s as setHeadInjectionHandler } from './shared/vue.b1b42453.mjs';
+import { V as Vue3, h as headSymbol, r as resolveUnrefHeadInput, i as injectHead } from './shared/vue.cf295fb1.mjs';
+export { c as createHead, a as createServerHead, s as setHeadInjectionHandler } from './shared/vue.cf295fb1.mjs';
 import { getCurrentInstance, ref, watchEffect } from 'vue';
+import { u as useHead } from './shared/vue.f36acd1f.mjs';
 import { composableNames, whitelistSafeInput, unpackMeta } from '@unhead/shared';
 
 const VueHeadMixin = {

package/dist/polyfill.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-const useHead = require('./shared/vue.9cf7ea21.cjs');
+const useHead = require('./shared/vue.af935fad.cjs');
 require('vue');
+require('./shared/vue.77729ad4.cjs');
 require('unhead');
 require('@unhead/shared');
 

package/dist/polyfill.d.cts

@@ -32,6 +32,9 @@ type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {
      */
     unhead: VueHeadClient<T>;
 };
+/**
+ * @deprecated Will be removed in v2.
+ */
 declare function polyfillAsVueUseHead<T extends MergeHead>(head: VueHeadClient<T>): VueHeadClientPollyFill<T>;
 
 export { type VueHeadClientPollyFill, polyfillAsVueUseHead };

package/dist/polyfill.d.mts

@@ -32,6 +32,9 @@ type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {
      */
     unhead: VueHeadClient<T>;
 };
+/**
+ * @deprecated Will be removed in v2.
+ */
 declare function polyfillAsVueUseHead<T extends MergeHead>(head: VueHeadClient<T>): VueHeadClientPollyFill<T>;
 
 export { type VueHeadClientPollyFill, polyfillAsVueUseHead };

package/dist/polyfill.d.ts

@@ -32,6 +32,9 @@ type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {
      */
     unhead: VueHeadClient<T>;
 };
+/**
+ * @deprecated Will be removed in v2.
+ */
 declare function polyfillAsVueUseHead<T extends MergeHead>(head: VueHeadClient<T>): VueHeadClientPollyFill<T>;
 
 export { type VueHeadClientPollyFill, polyfillAsVueUseHead };

package/dist/polyfill.mjs

@@ -1,5 +1,6 @@
-import { u as useHead } from './shared/vue.b1b42453.mjs';
+import { u as useHead } from './shared/vue.f36acd1f.mjs';
 import 'vue';
+import './shared/vue.cf295fb1.mjs';
 import 'unhead';
 import '@unhead/shared';
 

package/dist/shared/{vue.9cf7ea21.cjs → vue.77729ad4.cjs}

@@ -80,39 +80,6 @@ function injectHead() {
   return head || unhead.getActiveHead();
 }
 
-function useHead(input, options = {}) {
-  const head = options.head || injectHead();
-  if (head) {
-    if (!head.ssr)
-      return clientUseHead(head, input, options);
-    return head.push(input, options);
-  }
-}
-function clientUseHead(head, input, options = {}) {
-  const deactivated = vue.ref(false);
-  const resolvedInput = vue.ref({});
-  vue.watchEffect(() => {
-    resolvedInput.value = deactivated.value ? {} : resolveUnrefHeadInput(input);
-  });
-  const entry = head.push(resolvedInput.value, options);
-  vue.watch(resolvedInput, (e) => {
-    entry.patch(e);
-  });
-  const vm = vue.getCurrentInstance();
-  if (vm) {
-    vue.onBeforeUnmount(() => {
-      entry.dispose();
-    });
-    vue.onDeactivated(() => {
-      deactivated.value = true;
-    });
-    vue.onActivated(() => {
-      deactivated.value = false;
-    });
-  }
-  return entry;
-}
-
 exports.Vue3 = Vue3;
 exports.createHead = createHead;
 exports.createServerHead = createServerHead;
@@ -120,4 +87,3 @@ exports.headSymbol = headSymbol;
 exports.injectHead = injectHead;
 exports.resolveUnrefHeadInput = resolveUnrefHeadInput;
 exports.setHeadInjectionHandler = setHeadInjectionHandler;
-exports.useHead = useHead;

package/dist/shared/vue.af935fad.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const vue = require('vue');
+const injectHead = require('./vue.77729ad4.cjs');
+
+function useHead(input, options = {}) {
+  const head = options.head || injectHead.injectHead();
+  if (head) {
+    if (!head.ssr)
+      return clientUseHead(head, input, options);
+    return head.push(input, options);
+  }
+}
+function clientUseHead(head, input, options = {}) {
+  const deactivated = vue.ref(false);
+  const resolvedInput = vue.ref({});
+  vue.watchEffect(() => {
+    resolvedInput.value = deactivated.value ? {} : injectHead.resolveUnrefHeadInput(input);
+  });
+  const entry = head.push(resolvedInput.value, options);
+  vue.watch(resolvedInput, (e) => {
+    entry.patch(e);
+  });
+  const vm = vue.getCurrentInstance();
+  if (vm) {
+    vue.onBeforeUnmount(() => {
+      entry.dispose();
+    });
+    vue.onDeactivated(() => {
+      deactivated.value = true;
+    });
+    vue.onActivated(() => {
+      deactivated.value = false;
+    });
+  }
+  return entry;
+}
+
+exports.useHead = useHead;

package/dist/shared/{vue.b1b42453.mjs → vue.cf295fb1.mjs}

@@ -1,4 +1,4 @@
-import { version, unref, nextTick, inject, ref, watchEffect, watch, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { version, unref, nextTick, inject } from 'vue';
 import { createServerHead as createServerHead$1, createHead as createHead$1, getActiveHead } from 'unhead';
 import { defineHeadPlugin } from '@unhead/shared';
 
@@ -78,37 +78,4 @@ function injectHead() {
   return head || getActiveHead();
 }
 
-function useHead(input, options = {}) {
-  const head = options.head || injectHead();
-  if (head) {
-    if (!head.ssr)
-      return clientUseHead(head, input, options);
-    return head.push(input, options);
-  }
-}
-function clientUseHead(head, input, options = {}) {
-  const deactivated = ref(false);
-  const resolvedInput = ref({});
-  watchEffect(() => {
-    resolvedInput.value = deactivated.value ? {} : resolveUnrefHeadInput(input);
-  });
-  const entry = head.push(resolvedInput.value, options);
-  watch(resolvedInput, (e) => {
-    entry.patch(e);
-  });
-  const vm = getCurrentInstance();
-  if (vm) {
-    onBeforeUnmount(() => {
-      entry.dispose();
-    });
-    onDeactivated(() => {
-      deactivated.value = true;
-    });
-    onActivated(() => {
-      deactivated.value = false;
-    });
-  }
-  return entry;
-}
-
-export { Vue3 as V, createServerHead as a, createHead as c, headSymbol as h, injectHead as i, resolveUnrefHeadInput as r, setHeadInjectionHandler as s, useHead as u };
+export { Vue3 as V, createServerHead as a, createHead as c, headSymbol as h, injectHead as i, resolveUnrefHeadInput as r, setHeadInjectionHandler as s };

package/dist/shared/vue.f36acd1f.mjs

@@ -0,0 +1,37 @@
+import { ref, watchEffect, watch, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { i as injectHead, r as resolveUnrefHeadInput } from './vue.cf295fb1.mjs';
+
+function useHead(input, options = {}) {
+  const head = options.head || injectHead();
+  if (head) {
+    if (!head.ssr)
+      return clientUseHead(head, input, options);
+    return head.push(input, options);
+  }
+}
+function clientUseHead(head, input, options = {}) {
+  const deactivated = ref(false);
+  const resolvedInput = ref({});
+  watchEffect(() => {
+    resolvedInput.value = deactivated.value ? {} : resolveUnrefHeadInput(input);
+  });
+  const entry = head.push(resolvedInput.value, options);
+  watch(resolvedInput, (e) => {
+    entry.patch(e);
+  });
+  const vm = getCurrentInstance();
+  if (vm) {
+    onBeforeUnmount(() => {
+      entry.dispose();
+    });
+    onDeactivated(() => {
+      deactivated.value = true;
+    });
+    onActivated(() => {
+      deactivated.value = false;
+    });
+  }
+  return entry;
+}
+
+export { useHead as u };

package/dist/vue2.cjs

@@ -1,50 +1,49 @@
 'use strict';
 
 const vue = require('vue');
-const useHead = require('./shared/vue.9cf7ea21.cjs');
+const injectHead = require('./shared/vue.77729ad4.cjs');
+const useHead = require('./shared/vue.af935fad.cjs');
 require('unhead');
 require('@unhead/shared');
 
-const HeadOptions = {
-  created() {
-    let source = false;
-    if (useHead.Vue3) {
-      const instance = vue.getCurrentInstance();
-      if (!instance)
-        return;
-      const options = instance.type;
-      if (!options || !("head" in options))
-        return;
-      source = typeof options.head === "function" ? () => options.head.call(instance.proxy) : options.head;
-    } else {
-      const head = this.$options.head;
-      if (head) {
-        source = typeof head === "function" ? () => head.call(this) : head;
+const UnheadPlugin = function(_Vue) {
+  _Vue.mixin({
+    created() {
+      let source = false;
+      if (injectHead.Vue3) {
+        const instance = vue.getCurrentInstance();
+        if (!instance)
+          return;
+        const options = instance.type;
+        if (!options || !("head" in options))
+          return;
+        source = typeof options.head === "function" ? () => options.head.call(instance.proxy) : options.head;
+      } else {
+        const head = this.$options.head;
+        if (head) {
+          source = typeof head === "function" ? () => head.call(this) : head;
+        }
       }
-    }
-    source && useHead.useHead(source);
-  }
-};
-function UnheadPlugin(head) {
-  return {
-    ...HeadOptions,
+      source && useHead.useHead(source);
+    },
     beforeCreate() {
       const options = this.$options;
-      const origProvide = options.provide;
-      options.provide = function() {
-        let origProvideResult;
-        if (typeof origProvide === "function")
-          origProvideResult = origProvide.call(this);
-        else
-          origProvideResult = origProvide || {};
-        return {
-          ...origProvideResult,
-          [useHead.headSymbol]: head
+      if (options.unhead) {
+        const origProvide = options.provide;
+        options.provide = function() {
+          let origProvideResult;
+          if (typeof origProvide === "function")
+            origProvideResult = origProvide.call(this);
+          else
+            origProvideResult = origProvide || {};
+          return {
+            ...origProvideResult,
+            [injectHead.headSymbol]: options.unhead
+          };
         };
-      };
+      }
     }
-  };
-}
+  });
+};
 
-exports.HeadOptions = HeadOptions;
 exports.UnheadPlugin = UnheadPlugin;

package/dist/vue2.d.cts

@@ -1,13 +1,5 @@
-import { V as VueHeadClient } from './shared/vue.8eef6ffc.cjs';
-import '@unhead/schema';
-import 'vue';
+import { Plugin } from 'vue';
 
-declare const HeadOptions: {
-    created(): void;
-};
-declare function UnheadPlugin(head: VueHeadClient<any>): {
-    beforeCreate(): void;
-    created(): void;
-};
+declare const UnheadPlugin: Plugin;
 
-export { HeadOptions, UnheadPlugin };
+export { UnheadPlugin };

package/dist/vue2.d.mts

@@ -1,13 +1,5 @@
-import { V as VueHeadClient } from './shared/vue.8eef6ffc.mjs';
-import '@unhead/schema';
-import 'vue';
+import { Plugin } from 'vue';
 
-declare const HeadOptions: {
-    created(): void;
-};
-declare function UnheadPlugin(head: VueHeadClient<any>): {
-    beforeCreate(): void;
-    created(): void;
-};
+declare const UnheadPlugin: Plugin;
 
-export { HeadOptions, UnheadPlugin };
+export { UnheadPlugin };

package/dist/vue2.d.ts

@@ -1,13 +1,5 @@
-import { V as VueHeadClient } from './shared/vue.8eef6ffc.js';
-import '@unhead/schema';
-import 'vue';
+import { Plugin } from 'vue';
 
-declare const HeadOptions: {
-    created(): void;
-};
-declare function UnheadPlugin(head: VueHeadClient<any>): {
-    beforeCreate(): void;
-    created(): void;
-};
+declare const UnheadPlugin: Plugin;
 
-export { HeadOptions, UnheadPlugin };
+export { UnheadPlugin };

package/dist/vue2.mjs

@@ -1,47 +1,47 @@
 import { getCurrentInstance } from 'vue';
-import { V as Vue3, u as useHead, h as headSymbol } from './shared/vue.b1b42453.mjs';
+import { V as Vue3, h as headSymbol } from './shared/vue.cf295fb1.mjs';
+import { u as useHead } from './shared/vue.f36acd1f.mjs';
 import 'unhead';
 import '@unhead/shared';
 
-const HeadOptions = {
-  created() {
-    let source = false;
-    if (Vue3) {
-      const instance = getCurrentInstance();
-      if (!instance)
-        return;
-      const options = instance.type;
-      if (!options || !("head" in options))
-        return;
-      source = typeof options.head === "function" ? () => options.head.call(instance.proxy) : options.head;
-    } else {
-      const head = this.$options.head;
-      if (head) {
-        source = typeof head === "function" ? () => head.call(this) : head;
+const UnheadPlugin = function(_Vue) {
+  _Vue.mixin({
+    created() {
+      let source = false;
+      if (Vue3) {
+        const instance = getCurrentInstance();
+        if (!instance)
+          return;
+        const options = instance.type;
+        if (!options || !("head" in options))
+          return;
+        source = typeof options.head === "function" ? () => options.head.call(instance.proxy) : options.head;
+      } else {
+        const head = this.$options.head;
+        if (head) {
+          source = typeof head === "function" ? () => head.call(this) : head;
+        }
       }
-    }
-    source && useHead(source);
-  }
-};
-function UnheadPlugin(head) {
-  return {
-    ...HeadOptions,
+      source && useHead(source);
+    },
     beforeCreate() {
       const options = this.$options;
-      const origProvide = options.provide;
-      options.provide = function() {
-        let origProvideResult;
-        if (typeof origProvide === "function")
-          origProvideResult = origProvide.call(this);
-        else
-          origProvideResult = origProvide || {};
-        return {
-          ...origProvideResult,
-          [headSymbol]: head
+      if (options.unhead) {
+        const origProvide = options.provide;
+        options.provide = function() {
+          let origProvideResult;
+          if (typeof origProvide === "function")
+            origProvideResult = origProvide.call(this);
+          else
+            origProvideResult = origProvide || {};
+          return {
+            ...origProvideResult,
+            [headSymbol]: options.unhead
+          };
         };
-      };
+      }
     }
-  };
-}
+  });
+};
 
-export { HeadOptions, UnheadPlugin };
+export { UnheadPlugin };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -30,6 +30,11 @@
       "types": "./dist/vue2.d.ts",
       "import": "./dist/vue2.mjs",
       "require": "./dist/vue2.cjs"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.mjs",
+      "require": "./dist/components.cjs"
     }
   },
   "main": "dist/index.cjs",
@@ -43,9 +48,9 @@
   },
   "dependencies": {
     "hookable": "^5.5.3",
-    "@unhead/schema": "1.6.2",
-    "@unhead/shared": "1.6.2",
-    "unhead": "1.6.2"
+    "@unhead/schema": "1.7.0",
+    "@unhead/shared": "1.7.0",
+    "unhead": "1.7.0"
   },
   "devDependencies": {
     "vue": "^3.3.4"