@unhead/vue 1.9.16 → 1.10.0-beta.3

package/dist/components.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const vue = require('vue');
-const injectHead = require('./shared/vue.77729ad4.cjs');
+const injectHead = require('./shared/vue.fe30115b.cjs');
 require('unhead');
 require('@unhead/shared');
 

package/dist/components.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onBeforeUnmount, watchEffect } from 'vue';
-import { i as injectHead, V as Vue3 } from './shared/vue.cf295fb1.mjs';
+import { i as injectHead, V as Vue3 } from './shared/vue.40986ab9.mjs';
 import 'unhead';
 import '@unhead/shared';
 

package/dist/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 const unhead = require('unhead');
-const injectHead = require('./shared/vue.77729ad4.cjs');
+const injectHead = require('./shared/vue.fe30115b.cjs');
 const vue = require('vue');
-const useHead = require('./shared/vue.af935fad.cjs');
+const useHead = require('./shared/vue.8753d82d.cjs');
 const shared = require('@unhead/shared');
 
 const VueHeadMixin = {
@@ -27,7 +27,7 @@ const VueHeadMixin = {
   }
 };
 
-const Vue2ProvideUnheadPlugin = function(_Vue, head) {
+const Vue2ProvideUnheadPlugin = (_Vue, head) => {
   _Vue.mixin({
     beforeCreate() {
       const options = this.$options;
@@ -91,7 +91,7 @@ function useServerHeadSafe(input, options = {}) {
 }
 
 function useServerSeoMeta(input, options) {
-  return useSeoMeta(input, { ...options || {}, mode: "server" });
+  return useSeoMeta(input, { ...options, mode: "server" });
 }
 
 function useScript(_input, _options) {
@@ -100,26 +100,40 @@ function useScript(_input, _options) {
   const options = _options || {};
   options.head = head;
   options.eventContext = vue.getCurrentInstance();
-  const status = vue.ref("awaitingLoad");
-  const stubOptions = options.stub;
-  options.stub = ({ script, fn }) => {
-    script.status = status;
-    if (fn === "$script")
-      return script;
-    return stubOptions?.({ script, fn });
-  };
-  let instance;
-  const _ = head.hooks.hook("script:updated", ({ script }) => {
-    if (instance && script.id === instance.$script.id) {
-      status.value = script.status;
-      script.status === "removed" && _();
-    }
-  });
   const scope = vue.getCurrentInstance();
   if (scope && !options.trigger)
     options.trigger = vue.onMounted;
-  instance = unhead.useScript(input, options);
-  return instance;
+  const key = unhead.resolveScriptKey(input);
+  if (head._scripts?.[key])
+    return head._scripts[key];
+  let script;
+  const status = vue.ref("awaitingLoad");
+  const _ = head.hooks.hook("script:updated", ({ script: s }) => {
+    if (script && s.id === script.id) {
+      status.value = s.status;
+      if (s.status === "removed") {
+        _();
+      }
+    }
+  });
+  script = unhead.useScript(input, options);
+  script.status = status;
+  if (scope) {
+    const _registerCb = (key2, cb) => {
+      let i = script._cbs[key2].push(cb);
+      const destroy = () => {
+        if (i) {
+          script._cbs[key2].splice(i - 1, 1);
+          i = null;
+        }
+      };
+      vue.onScopeDispose(destroy);
+      return destroy;
+    };
+    script.onLoaded = (cb) => _registerCb("loaded", cb);
+    script.onError = (cb) => _registerCb("error", cb);
+  }
+  return script;
 }
 
 exports.CapoPlugin = unhead.CapoPlugin;

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, UseScriptOptions } from '@unhead/schema';
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, AsAsyncFunctionValues, UseScriptOptions, UseFunctionType } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput, d as MaybeComputedRefEntriesOnly } from './shared/vue.3d788732.cjs';
 export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.3d788732.cjs';
@@ -19,7 +19,7 @@ type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
 declare function createServerHead<T extends MergeHead>(options?: Omit<CreateHeadOptions, 'domDelayFn' | 'document'>): VueHeadClient<T>;
 declare function createHead<T extends MergeHead>(options?: CreateHeadOptions): VueHeadClient<T>;
 
-declare function resolveUnrefHeadInput(ref: any, lastKey?: string | number): any;
+declare function resolveUnrefHeadInput(ref: any): any;
 
 declare const VueHeadMixin: {
     created(): void;
@@ -49,14 +49,18 @@ declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOpt
 
 declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
 
-interface VueScriptInstance<T> extends Omit<ScriptInstance<T>, 'status'> {
+interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit<ScriptInstance<T>, 'status'> {
     status: Ref<UseScriptStatus>;
 }
 type UseScriptInput = string | (MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
-declare function useScript<T extends Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): T & {
-    $script: VueScriptInstance<T> & Promise<T>;
+type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
+    /**
+     * @deprecated Use top-level functions instead.
+     */
+    $script: Promise<T> & VueScriptInstance<T>;
 };
+declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>, U = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T, U>): UseScriptContext<UseFunctionType<UseScriptOptions<T, U>, T>>;
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, UseScriptOptions } from '@unhead/schema';
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, AsAsyncFunctionValues, UseScriptOptions, UseFunctionType } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput, d as MaybeComputedRefEntriesOnly } from './shared/vue.3d788732.mjs';
 export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.3d788732.mjs';
@@ -19,7 +19,7 @@ type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
 declare function createServerHead<T extends MergeHead>(options?: Omit<CreateHeadOptions, 'domDelayFn' | 'document'>): VueHeadClient<T>;
 declare function createHead<T extends MergeHead>(options?: CreateHeadOptions): VueHeadClient<T>;
 
-declare function resolveUnrefHeadInput(ref: any, lastKey?: string | number): any;
+declare function resolveUnrefHeadInput(ref: any): any;
 
 declare const VueHeadMixin: {
     created(): void;
@@ -49,14 +49,18 @@ declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOpt
 
 declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
 
-interface VueScriptInstance<T> extends Omit<ScriptInstance<T>, 'status'> {
+interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit<ScriptInstance<T>, 'status'> {
     status: Ref<UseScriptStatus>;
 }
 type UseScriptInput = string | (MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
-declare function useScript<T extends Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): T & {
-    $script: VueScriptInstance<T> & Promise<T>;
+type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
+    /**
+     * @deprecated Use top-level functions instead.
+     */
+    $script: Promise<T> & VueScriptInstance<T>;
 };
+declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>, U = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T, U>): UseScriptContext<UseFunctionType<UseScriptOptions<T, U>, T>>;
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, UseScriptOptions } from '@unhead/schema';
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, AsAsyncFunctionValues, UseScriptOptions, UseFunctionType } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput, d as MaybeComputedRefEntriesOnly } from './shared/vue.3d788732.js';
 export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.3d788732.js';
@@ -19,7 +19,7 @@ type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
 declare function createServerHead<T extends MergeHead>(options?: Omit<CreateHeadOptions, 'domDelayFn' | 'document'>): VueHeadClient<T>;
 declare function createHead<T extends MergeHead>(options?: CreateHeadOptions): VueHeadClient<T>;
 
-declare function resolveUnrefHeadInput(ref: any, lastKey?: string | number): any;
+declare function resolveUnrefHeadInput(ref: any): any;
 
 declare const VueHeadMixin: {
     created(): void;
@@ -49,14 +49,18 @@ declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOpt
 
 declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
 
-interface VueScriptInstance<T> extends Omit<ScriptInstance<T>, 'status'> {
+interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit<ScriptInstance<T>, 'status'> {
     status: Ref<UseScriptStatus>;
 }
 type UseScriptInput = string | (MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
-declare function useScript<T extends Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): T & {
-    $script: VueScriptInstance<T> & Promise<T>;
+type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
+    /**
+     * @deprecated Use top-level functions instead.
+     */
+    $script: Promise<T> & VueScriptInstance<T>;
 };
+declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>, U = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T, U>): UseScriptContext<UseFunctionType<UseScriptOptions<T, U>, T>>;
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { useScript as useScript$1 } from 'unhead';
+import { resolveScriptKey, useScript as useScript$1 } from 'unhead';
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
-import { V as Vue3, h as headSymbol, i as injectHead } from './shared/vue.cf295fb1.mjs';
-export { c as createHead, a as createServerHead, r as resolveUnrefHeadInput, s as setHeadInjectionHandler } from './shared/vue.cf295fb1.mjs';
-import { getCurrentInstance, ref, onMounted } from 'vue';
-import { u as useHead } from './shared/vue.f36acd1f.mjs';
+import { V as Vue3, h as headSymbol, i as injectHead } from './shared/vue.40986ab9.mjs';
+export { c as createHead, a as createServerHead, r as resolveUnrefHeadInput, s as setHeadInjectionHandler } from './shared/vue.40986ab9.mjs';
+import { getCurrentInstance, onMounted, ref, onScopeDispose } from 'vue';
+import { u as useHead } from './shared/vue.65b7bcda.mjs';
 import { composableNames, whitelistSafeInput, unpackMeta } from '@unhead/shared';
 
 const VueHeadMixin = {
@@ -27,7 +27,7 @@ const VueHeadMixin = {
   }
 };
 
-const Vue2ProvideUnheadPlugin = function(_Vue, head) {
+const Vue2ProvideUnheadPlugin = (_Vue, head) => {
   _Vue.mixin({
     beforeCreate() {
       const options = this.$options;
@@ -91,7 +91,7 @@ function useServerHeadSafe(input, options = {}) {
 }
 
 function useServerSeoMeta(input, options) {
-  return useSeoMeta(input, { ...options || {}, mode: "server" });
+  return useSeoMeta(input, { ...options, mode: "server" });
 }
 
 function useScript(_input, _options) {
@@ -100,26 +100,40 @@ function useScript(_input, _options) {
   const options = _options || {};
   options.head = head;
   options.eventContext = getCurrentInstance();
-  const status = ref("awaitingLoad");
-  const stubOptions = options.stub;
-  options.stub = ({ script, fn }) => {
-    script.status = status;
-    if (fn === "$script")
-      return script;
-    return stubOptions?.({ script, fn });
-  };
-  let instance;
-  const _ = head.hooks.hook("script:updated", ({ script }) => {
-    if (instance && script.id === instance.$script.id) {
-      status.value = script.status;
-      script.status === "removed" && _();
-    }
-  });
   const scope = getCurrentInstance();
   if (scope && !options.trigger)
     options.trigger = onMounted;
-  instance = useScript$1(input, options);
-  return instance;
+  const key = resolveScriptKey(input);
+  if (head._scripts?.[key])
+    return head._scripts[key];
+  let script;
+  const status = ref("awaitingLoad");
+  const _ = head.hooks.hook("script:updated", ({ script: s }) => {
+    if (script && s.id === script.id) {
+      status.value = s.status;
+      if (s.status === "removed") {
+        _();
+      }
+    }
+  });
+  script = useScript$1(input, options);
+  script.status = status;
+  if (scope) {
+    const _registerCb = (key2, cb) => {
+      let i = script._cbs[key2].push(cb);
+      const destroy = () => {
+        if (i) {
+          script._cbs[key2].splice(i - 1, 1);
+          i = null;
+        }
+      };
+      onScopeDispose(destroy);
+      return destroy;
+    };
+    script.onLoaded = (cb) => _registerCb("loaded", cb);
+    script.onError = (cb) => _registerCb("error", cb);
+  }
+  return script;
 }
 
 export { Vue2ProvideUnheadPlugin, VueHeadMixin, injectHead, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/polyfill.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-const useHead = require('./shared/vue.af935fad.cjs');
+const useHead = require('./shared/vue.8753d82d.cjs');
 require('vue');
-require('./shared/vue.77729ad4.cjs');
+require('./shared/vue.fe30115b.cjs');
 require('unhead');
 require('@unhead/shared');
 
@@ -13,7 +13,7 @@ function polyfillAsVueUseHead(head) {
   polyfilled.addHeadObjs = head.push;
   polyfilled.addReactiveEntry = (input, options) => {
     const api = useHead.useHead(input, options);
-    if (typeof api !== "undefined")
+    if (api !== void 0)
       return api.dispose;
     return () => {
     };

package/dist/polyfill.mjs

@@ -1,6 +1,6 @@
-import { u as useHead } from './shared/vue.f36acd1f.mjs';
+import { u as useHead } from './shared/vue.65b7bcda.mjs';
 import 'vue';
-import './shared/vue.cf295fb1.mjs';
+import './shared/vue.40986ab9.mjs';
 import 'unhead';
 import '@unhead/shared';
 
@@ -11,7 +11,7 @@ function polyfillAsVueUseHead(head) {
   polyfilled.addHeadObjs = head.push;
   polyfilled.addReactiveEntry = (input, options) => {
     const api = useHead(input, options);
-    if (typeof api !== "undefined")
+    if (api !== void 0)
       return api.dispose;
     return () => {
     };

package/dist/shared/{vue.cf295fb1.mjs → vue.40986ab9.mjs}

@@ -2,34 +2,39 @@ import { version, unref, nextTick, inject } from 'vue';
 import { createServerHead as createServerHead$1, createHead as createHead$1, getActiveHead } from 'unhead';
 import { defineHeadPlugin } from '@unhead/shared';
 
-const Vue3 = version.startsWith("3");
+const Vue3 = version[0] === "3";
 
 function resolveUnref(r) {
   return typeof r === "function" ? r() : unref(r);
 }
-function resolveUnrefHeadInput(ref, lastKey = "") {
+function resolveUnrefHeadInput(ref) {
   if (ref instanceof Promise)
     return ref;
   const root = resolveUnref(ref);
   if (!ref || !root)
     return root;
   if (Array.isArray(root))
-    return root.map((r) => resolveUnrefHeadInput(r, lastKey));
+    return root.map((r) => resolveUnrefHeadInput(r));
   if (typeof root === "object") {
-    return Object.fromEntries(
-      Object.entries(root).map(([k, v]) => {
-        if (k === "titleTemplate" || k.startsWith("on"))
-          return [k, unref(v)];
-        return [k, resolveUnrefHeadInput(v, k)];
-      })
-    );
+    const resolved = {};
+    for (const k in root) {
+      if (!Object.prototype.hasOwnProperty.call(root, k)) {
+        continue;
+      }
+      if (k === "titleTemplate" || k[0] === "o" && k[1] === "n") {
+        resolved[k] = unref(root[k]);
+        continue;
+      }
+      resolved[k] = resolveUnrefHeadInput(root[k]);
+    }
+    return resolved;
   }
   return root;
 }
 
 const VueReactivityPlugin = defineHeadPlugin({
   hooks: {
-    "entries:resolve": function(ctx) {
+    "entries:resolve": (ctx) => {
       for (const entry of ctx.entries)
         entry.resolvedInput = resolveUnrefHeadInput(entry.input);
     }

package/dist/shared/{vue.f36acd1f.mjs → vue.65b7bcda.mjs}

@@ -1,5 +1,5 @@
 import { ref, watchEffect, watch, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
-import { i as injectHead, r as resolveUnrefHeadInput } from './vue.cf295fb1.mjs';
+import { i as injectHead, r as resolveUnrefHeadInput } from './vue.40986ab9.mjs';
 
 function useHead(input, options = {}) {
   const head = options.head || injectHead();

package/dist/shared/{vue.af935fad.cjs → vue.8753d82d.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const vue = require('vue');
-const injectHead = require('./vue.77729ad4.cjs');
+const injectHead = require('./vue.fe30115b.cjs');
 
 function useHead(input, options = {}) {
   const head = options.head || injectHead.injectHead();

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

@@ -4,34 +4,39 @@ const vue = require('vue');
 const unhead = require('unhead');
 const shared = require('@unhead/shared');
 
-const Vue3 = vue.version.startsWith("3");
+const Vue3 = vue.version[0] === "3";
 
 function resolveUnref(r) {
   return typeof r === "function" ? r() : vue.unref(r);
 }
-function resolveUnrefHeadInput(ref, lastKey = "") {
+function resolveUnrefHeadInput(ref) {
   if (ref instanceof Promise)
     return ref;
   const root = resolveUnref(ref);
   if (!ref || !root)
     return root;
   if (Array.isArray(root))
-    return root.map((r) => resolveUnrefHeadInput(r, lastKey));
+    return root.map((r) => resolveUnrefHeadInput(r));
   if (typeof root === "object") {
-    return Object.fromEntries(
-      Object.entries(root).map(([k, v]) => {
-        if (k === "titleTemplate" || k.startsWith("on"))
-          return [k, vue.unref(v)];
-        return [k, resolveUnrefHeadInput(v, k)];
-      })
-    );
+    const resolved = {};
+    for (const k in root) {
+      if (!Object.prototype.hasOwnProperty.call(root, k)) {
+        continue;
+      }
+      if (k === "titleTemplate" || k[0] === "o" && k[1] === "n") {
+        resolved[k] = vue.unref(root[k]);
+        continue;
+      }
+      resolved[k] = resolveUnrefHeadInput(root[k]);
+    }
+    return resolved;
   }
   return root;
 }
 
 const VueReactivityPlugin = shared.defineHeadPlugin({
   hooks: {
-    "entries:resolve": function(ctx) {
+    "entries:resolve": (ctx) => {
       for (const entry of ctx.entries)
         entry.resolvedInput = resolveUnrefHeadInput(entry.input);
     }

package/dist/vue2.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
 const vue = require('vue');
-const injectHead = require('./shared/vue.77729ad4.cjs');
-const useHead = require('./shared/vue.af935fad.cjs');
+const injectHead = require('./shared/vue.fe30115b.cjs');
+const useHead = require('./shared/vue.8753d82d.cjs');
 require('unhead');
 require('@unhead/shared');
 
-const UnheadPlugin = function(_Vue) {
+const UnheadPlugin = (_Vue) => {
   _Vue.mixin({
     created() {
       let source = false;

package/dist/vue2.mjs

@@ -1,10 +1,10 @@
 import { getCurrentInstance } from 'vue';
-import { V as Vue3, h as headSymbol } from './shared/vue.cf295fb1.mjs';
-import { u as useHead } from './shared/vue.f36acd1f.mjs';
+import { V as Vue3, h as headSymbol } from './shared/vue.40986ab9.mjs';
+import { u as useHead } from './shared/vue.65b7bcda.mjs';
 import 'unhead';
 import '@unhead/shared';
 
-const UnheadPlugin = function(_Vue) {
+const UnheadPlugin = (_Vue) => {
   _Vue.mixin({
     created() {
       let source = false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.9.16",
+  "version": "1.10.0-beta.3",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -59,14 +59,16 @@
   "peerDependencies": {
     "vue": ">=2.7 || >=3"
   },
+  "build": {
+    "external": [
+      "vue"
+    ]
+  },
   "dependencies": {
     "hookable": "^5.5.3",
-    "@unhead/shared": "1.9.16",
-    "@unhead/schema": "1.9.16",
-    "unhead": "1.9.16"
-  },
-  "devDependencies": {
-    "vue": "^3.4.31"
+    "@unhead/schema": "1.10.0-beta.3",
+    "unhead": "1.10.0-beta.3",
+    "@unhead/shared": "1.10.0-beta.3"
   },
   "scripts": {
     "build": "unbuild .",