@unhead/vue 2.0.0-alpha.0 → 2.0.0-alpha.10

package/README.md

@@ -0,0 +1,13 @@
+# `@unhead/vue`
+
+Visit the [documentation site](https://unhead.unjs.io/) for guides and API references.
+
+## Install
+
+```bash
+npm i @unhead/vue
+```
+
+## License
+
+MIT License © 2022-PRESENT [Harlan Wilton](https://github.com/harlan-zw)

package/dist/client.d.mts

@@ -1,11 +1,8 @@
-import { MergeHead, CreateClientHeadOptions } from '@unhead/schema';
-import { d as distExports } from './shared/vue.DShwsPiO.mjs';
+import { VueHeadClient } from '@unhead/vue';
+import { MergeHead, CreateClientHeadOptions } from 'unhead/types';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.mjs';
-export * from 'unhead/client';
-import '@unhead/shared';
-import 'unhead';
-import 'vue';
+export { renderDOMHead } from 'unhead/client';
 
-declare function createHead<T extends MergeHead>(options?: CreateClientHeadOptions): distExports.VueHeadClient<T>;
+declare function createHead<T extends MergeHead>(options?: CreateClientHeadOptions): VueHeadClient<T>;
 
 export { createHead };

package/dist/client.d.ts

@@ -1,11 +1,8 @@
-import { MergeHead, CreateClientHeadOptions } from '@unhead/schema';
-import { d as distExports } from './shared/vue.DShwsPiO.js';
+import { VueHeadClient } from '@unhead/vue';
+import { MergeHead, CreateClientHeadOptions } from 'unhead/types';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.js';
-export * from 'unhead/client';
-import '@unhead/shared';
-import 'unhead';
-import 'vue';
+export { renderDOMHead } from 'unhead/client';
 
-declare function createHead<T extends MergeHead>(options?: CreateClientHeadOptions): distExports.VueHeadClient<T>;
+declare function createHead<T extends MergeHead>(options?: CreateClientHeadOptions): VueHeadClient<T>;
 
 export { createHead };

package/dist/client.mjs

@@ -1,21 +1,19 @@
-import { createHead as createHead$1 } from 'unhead/client';
-export * from 'unhead/client';
+import { createHead as createHead$1, createDebouncedFn, renderDOMHead } from 'unhead/client';
+export { renderDOMHead } from 'unhead/client';
 import { nextTick } from 'vue';
-import { v as vueInstall } from './shared/vue.Sg4YunmP.mjs';
-import { V as VueReactivityPlugin } from './shared/vue.B6jdKgLD.mjs';
-export { V as VueHeadMixin } from './shared/vue.O-w7-AFg.mjs';
-import 'unhead';
-import '@unhead/shared';
+import { v as vueInstall } from './shared/vue.0vTsLwbU.mjs';
+export { V as VueHeadMixin } from './shared/vue.BOii_fac.mjs';
+import 'unhead/plugins';
+import 'unhead/utils';
 
 function createHead(options = {}) {
   const head = createHead$1({
     domOptions: {
-      delayFn: (fn) => nextTick(() => setTimeout(() => fn(), 0))
+      render: createDebouncedFn(() => renderDOMHead(head), nextTick)
     },
     ...options,
     plugins: [
-      ...options.plugins || [],
-      VueReactivityPlugin
+      ...options.plugins || []
     ]
   });
   head.install = vueInstall(head);

package/dist/components.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, ref, onBeforeUnmount, watchEffect } from 'vue';
-import { u as useHead } from './shared/vue.Sg4YunmP.mjs';
-import 'unhead';
+import { u as useHead } from './shared/vue.0vTsLwbU.mjs';
+import 'unhead/plugins';
+import 'unhead/utils';
 
 function addVNodeToHeadObj(node, obj) {
   const nodeType = node.type;

package/dist/index.d.mts

@@ -1,9 +1,8 @@
-import * as _unhead_schema from '@unhead/schema';
-import { Unhead, MergeHead, ActiveHeadEntry } from '@unhead/schema';
-export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
-export { createHeadCore, unheadCtx } from 'unhead';
-import { U as UseHeadInput, a as UseHeadOptions, b as UseHeadSafeInput, c as UseSeoMetaInput } from './shared/vue.B8gXlHM7.mjs';
-export { f as Base, B as BodyAttr, i as BodyAttributes, H as HeadSafe, d as HtmlAttr, h as HtmlAttributes, L as Link, k as MaybeComputedRef, n as MaybeComputedRefEntries, o as MaybeComputedRefEntriesOnly, l as MaybeComputedRefOrFalsy, m as MaybeComputedRefOrPromise, j as MaybeReadonlyRef, M as Meta, N as Noscript, R as ReactiveHead, g as Script, S as Style, T as Title, e as TitleTemplate, V as VueHeadClient, r as resolveUnrefHeadInput } from './shared/vue.B8gXlHM7.mjs';
+export { createHeadCore } from 'unhead';
+import { MergeHead, ActiveHeadEntry } from 'unhead/types';
+export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, ResolvedHead, Unhead } from 'unhead/types';
+import { VueHeadClient, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput } from './types.mjs';
+export { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeComputedRef, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, Script, Style, Title, TitleTemplate } from './types.mjs';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.mjs';
 import 'vue';
 
@@ -11,23 +10,14 @@ declare const unheadVueComposablesImports: {
     '@unhead/vue': string[];
 };
 
-declare function injectHead(): Unhead<_unhead_schema.Head<_unhead_schema.SchemaAugmentations>> | Unhead<_unhead_schema.Head<_unhead_schema.MergeHead>>;
-
+declare function injectHead(): VueHeadClient<MergeHead>;
 declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<UseHeadInput<T>>;
-
 declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<UseSeoMetaInput>;
 
-/**
- * @deprecated TODO remove
- */
-declare const CapoPlugin: () => _unhead_schema.HeadPluginInput;
+declare const headSymbol = "usehead";
 
-export { CapoPlugin, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, injectHead, unheadVueComposablesImports, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, VueHeadClient, headSymbol, injectHead, unheadVueComposablesImports, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-import * as _unhead_schema from '@unhead/schema';
-import { Unhead, MergeHead, ActiveHeadEntry } from '@unhead/schema';
-export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
-export { createHeadCore, unheadCtx } from 'unhead';
-import { U as UseHeadInput, a as UseHeadOptions, b as UseHeadSafeInput, c as UseSeoMetaInput } from './shared/vue.B8gXlHM7.js';
-export { f as Base, B as BodyAttr, i as BodyAttributes, H as HeadSafe, d as HtmlAttr, h as HtmlAttributes, L as Link, k as MaybeComputedRef, n as MaybeComputedRefEntries, o as MaybeComputedRefEntriesOnly, l as MaybeComputedRefOrFalsy, m as MaybeComputedRefOrPromise, j as MaybeReadonlyRef, M as Meta, N as Noscript, R as ReactiveHead, g as Script, S as Style, T as Title, e as TitleTemplate, V as VueHeadClient, r as resolveUnrefHeadInput } from './shared/vue.B8gXlHM7.js';
+export { createHeadCore } from 'unhead';
+import { MergeHead, ActiveHeadEntry } from 'unhead/types';
+export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, ResolvedHead, Unhead } from 'unhead/types';
+import { VueHeadClient, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput } from './types.js';
+export { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeComputedRef, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, Script, Style, Title, TitleTemplate } from './types.js';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.js';
 import 'vue';
 
@@ -11,23 +10,14 @@ declare const unheadVueComposablesImports: {
     '@unhead/vue': string[];
 };
 
-declare function injectHead(): Unhead<_unhead_schema.Head<_unhead_schema.SchemaAugmentations>> | Unhead<_unhead_schema.Head<_unhead_schema.MergeHead>>;
-
+declare function injectHead(): VueHeadClient<MergeHead>;
 declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<UseHeadInput<T>>;
-
 declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any>;
-
 declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<UseSeoMetaInput>;
 
-/**
- * @deprecated TODO remove
- */
-declare const CapoPlugin: () => _unhead_schema.HeadPluginInput;
+declare const headSymbol = "usehead";
 
-export { CapoPlugin, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, injectHead, unheadVueComposablesImports, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, VueHeadClient, headSymbol, injectHead, unheadVueComposablesImports, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.mjs

@@ -1,54 +1,12 @@
-import { composableNames, whitelistSafeInput, unpackMeta, defineHeadPlugin } from '@unhead/shared';
-export { createHeadCore, unheadCtx } from 'unhead';
-import { u as useHead } from './shared/vue.Sg4YunmP.mjs';
-export { i as injectHead, r as resolveUnrefHeadInput } from './shared/vue.Sg4YunmP.mjs';
-export { V as VueHeadMixin } from './shared/vue.O-w7-AFg.mjs';
+export { createHeadCore } from 'unhead';
+export { h as headSymbol, i as injectHead, u as useHead, a as useHeadSafe, b as useSeoMeta, c as useServerHead, d as useServerHeadSafe, e as useServerSeoMeta } from './shared/vue.0vTsLwbU.mjs';
+export { V as VueHeadMixin } from './shared/vue.BOii_fac.mjs';
+import 'unhead/plugins';
+import 'unhead/utils';
 import 'vue';
 
-const coreComposableNames = [
-  "injectHead"
-];
 const unheadVueComposablesImports = {
-  "@unhead/vue": [...coreComposableNames, ...composableNames]
+  "@unhead/vue": ["injectHead", "useHead", "useSeoMeta", "useHeadSafe", "useServerHead", "useServerSeoMeta", "useServerHeadSafe"]
 };
 
-function useHeadSafe(input, options = {}) {
-  return useHead(input, { ...options, transform: whitelistSafeInput });
-}
-
-function useSeoMeta(input, options) {
-  const { title, titleTemplate, ...meta } = input;
-  return useHead({
-    title,
-    titleTemplate,
-    // @ts-expect-error runtime type
-    _flatMeta: meta
-  }, {
-    ...options,
-    transform(t) {
-      const meta2 = unpackMeta({ ...t._flatMeta });
-      delete t._flatMeta;
-      return {
-        // @ts-expect-error runtime type
-        ...t,
-        meta: meta2
-      };
-    }
-  });
-}
-
-function useServerHead(input, options = {}) {
-  return useHead(input, { ...options, mode: "server" });
-}
-
-function useServerHeadSafe(input, options = {}) {
-  return useHeadSafe(input, { ...options, mode: "server" });
-}
-
-function useServerSeoMeta(input, options) {
-  return useSeoMeta(input, { ...options, mode: "server" });
-}
-
-const CapoPlugin = () => defineHeadPlugin({});
-
-export { CapoPlugin, unheadVueComposablesImports, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { unheadVueComposablesImports };

package/dist/legacy.d.mts

@@ -1,26 +1,21 @@
-import * as _unhead_schema from '@unhead/schema';
-import { ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, Unhead, MergeHead, ActiveHeadEntry } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, a as UseHeadOptions, b as UseHeadSafeInput, c as UseSeoMetaInput } from './shared/vue.B8gXlHM7.mjs';
-export { r as resolveUnrefHeadInput } from './shared/vue.B8gXlHM7.mjs';
+import * as unhead_types from 'unhead/types';
+import { ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, MergeHead, CreateClientHeadOptions, ActiveHeadEntry } from 'unhead/types';
 export { createHeadCore } from 'unhead';
-export { createHead } from './client.mjs';
-export { createHead as createServerHead } from './server.mjs';
-import { d as distExports } from './shared/vue.DShwsPiO.mjs';
+import { ResolvableProperties, UseHeadOptions } from '@unhead/vue';
 import { ScriptInstance, UseScriptStatus, UseScriptOptions as UseScriptOptions$1, UseFunctionType } from 'unhead/legacy';
 export { UseFunctionType, resolveScriptKey } from 'unhead/legacy';
 import { Ref } from 'vue';
-import './shared/vue.DnywREVF.mjs';
-import 'unhead/client';
-import 'unhead/server';
-import '@unhead/shared';
+import { VueHeadClient, UseHeadInput, UseHeadOptions as UseHeadOptions$1, UseHeadSafeInput, UseSeoMetaInput } from './types.mjs';
+
+declare function resolveUnrefHeadInput(ref: any): any;
 
 interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit<ScriptInstance<T>, 'status'> {
     status: Ref<UseScriptStatus>;
 }
-type UseScriptInput = string | (distExports.MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
+type UseScriptInput = string | (ResolvableProperties<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
-interface UseScriptOptions<T extends Record<symbol | string, any> = Record<string, any>> extends HeadEntryOptions, Pick<UseScriptOptions$1<T>, 'use' | 'eventContext' | 'beforeInit'> {
+interface UseScriptOptions<T extends Record<symbol | string, any> = Record<string, any>> extends Omit<HeadEntryOptions, 'head'>, Pick<UseScriptOptions$1<T>, 'use' | 'eventContext' | 'beforeInit'> {
     /**
      * The trigger to load the script:
      * - `undefined` | `client` - (Default) Load the script on the client when this js is loaded.
@@ -31,21 +26,28 @@ interface UseScriptOptions<T extends Record<symbol | string, any> = Record<strin
      * - `ref` - Load the script when the ref is true.
      */
     trigger?: UseScriptOptions$1['trigger'] | Ref<boolean>;
+    /**
+     * The Unhead instance to use.
+     */
+    head?: UseHeadOptions['head'];
 }
 type UseScriptContext<T extends Record<symbol | string, any>> = Promise<T> & VueScriptInstance<T>;
-declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): UseScriptContext<UseFunctionType<UseScriptOptions<T>, T>>;
+type UseScriptReturn<T extends Record<symbol | string, any>> = UseScriptContext<UseFunctionType<UseScriptOptions<T>, T>>;
+declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): UseScriptReturn<T>;
 
-declare const CapoPlugin: () => _unhead_schema.HeadPluginInput;
+declare function CapoPlugin(): unhead_types.HeadPluginInput;
+declare function createHead<T extends MergeHead>(options?: CreateClientHeadOptions): VueHeadClient<T>;
+declare function createServerHead<T extends MergeHead>(options?: CreateClientHeadOptions): VueHeadClient<T>;
 /**
  * @deprecated Please switch to non-legacy version
  */
 declare function setHeadInjectionHandler(handler: () => VueHeadClient<any> | undefined): void;
-declare function injectHead(): Unhead<_unhead_schema.Head<MergeHead>> | Unhead<_unhead_schema.Head<_unhead_schema.SchemaAugmentations>> | undefined;
-declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<UseHeadInput<T>> | void;
-declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<UseHeadSafeInput> | void;
-declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
+declare function injectHead(): VueHeadClient<any> | undefined;
+declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions$1): ActiveHeadEntry<UseHeadInput<T>> | void;
+declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
 
-export { CapoPlugin, type UseScriptContext, type UseScriptInput, type UseScriptOptions, type VueScriptInstance, injectHead, setHeadInjectionHandler, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { CapoPlugin, type UseScriptContext, type UseScriptInput, type UseScriptOptions, type UseScriptReturn, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/legacy.d.ts

@@ -1,26 +1,21 @@
-import * as _unhead_schema from '@unhead/schema';
-import { ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, Unhead, MergeHead, ActiveHeadEntry } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, a as UseHeadOptions, b as UseHeadSafeInput, c as UseSeoMetaInput } from './shared/vue.B8gXlHM7.js';
-export { r as resolveUnrefHeadInput } from './shared/vue.B8gXlHM7.js';
+import * as unhead_types from 'unhead/types';
+import { ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, MergeHead, CreateClientHeadOptions, ActiveHeadEntry } from 'unhead/types';
 export { createHeadCore } from 'unhead';
-export { createHead } from './client.js';
-export { createHead as createServerHead } from './server.js';
-import { d as distExports } from './shared/vue.DShwsPiO.js';
+import { ResolvableProperties, UseHeadOptions } from '@unhead/vue';
 import { ScriptInstance, UseScriptStatus, UseScriptOptions as UseScriptOptions$1, UseFunctionType } from 'unhead/legacy';
 export { UseFunctionType, resolveScriptKey } from 'unhead/legacy';
 import { Ref } from 'vue';
-import './shared/vue.DnywREVF.js';
-import 'unhead/client';
-import 'unhead/server';
-import '@unhead/shared';
+import { VueHeadClient, UseHeadInput, UseHeadOptions as UseHeadOptions$1, UseHeadSafeInput, UseSeoMetaInput } from './types.js';
+
+declare function resolveUnrefHeadInput(ref: any): any;
 
 interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit<ScriptInstance<T>, 'status'> {
     status: Ref<UseScriptStatus>;
 }
-type UseScriptInput = string | (distExports.MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
+type UseScriptInput = string | (ResolvableProperties<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
-interface UseScriptOptions<T extends Record<symbol | string, any> = Record<string, any>> extends HeadEntryOptions, Pick<UseScriptOptions$1<T>, 'use' | 'eventContext' | 'beforeInit'> {
+interface UseScriptOptions<T extends Record<symbol | string, any> = Record<string, any>> extends Omit<HeadEntryOptions, 'head'>, Pick<UseScriptOptions$1<T>, 'use' | 'eventContext' | 'beforeInit'> {
     /**
      * The trigger to load the script:
      * - `undefined` | `client` - (Default) Load the script on the client when this js is loaded.
@@ -31,21 +26,28 @@ interface UseScriptOptions<T extends Record<symbol | string, any> = Record<strin
      * - `ref` - Load the script when the ref is true.
      */
     trigger?: UseScriptOptions$1['trigger'] | Ref<boolean>;
+    /**
+     * The Unhead instance to use.
+     */
+    head?: UseHeadOptions['head'];
 }
 type UseScriptContext<T extends Record<symbol | string, any>> = Promise<T> & VueScriptInstance<T>;
-declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): UseScriptContext<UseFunctionType<UseScriptOptions<T>, T>>;
+type UseScriptReturn<T extends Record<symbol | string, any>> = UseScriptContext<UseFunctionType<UseScriptOptions<T>, T>>;
+declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>>(_input: UseScriptInput, _options?: UseScriptOptions<T>): UseScriptReturn<T>;
 
-declare const CapoPlugin: () => _unhead_schema.HeadPluginInput;
+declare function CapoPlugin(): unhead_types.HeadPluginInput;
+declare function createHead<T extends MergeHead>(options?: CreateClientHeadOptions): VueHeadClient<T>;
+declare function createServerHead<T extends MergeHead>(options?: CreateClientHeadOptions): VueHeadClient<T>;
 /**
  * @deprecated Please switch to non-legacy version
  */
 declare function setHeadInjectionHandler(handler: () => VueHeadClient<any> | undefined): void;
-declare function injectHead(): Unhead<_unhead_schema.Head<MergeHead>> | Unhead<_unhead_schema.Head<_unhead_schema.SchemaAugmentations>> | undefined;
-declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<UseHeadInput<T>> | void;
-declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<UseHeadSafeInput> | void;
-declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
+declare function injectHead(): VueHeadClient<any> | undefined;
+declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions$1): ActiveHeadEntry<UseHeadInput<T>> | void;
+declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
+declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions$1): ActiveHeadEntry<any> | void;
 
-export { CapoPlugin, type UseScriptContext, type UseScriptInput, type UseScriptOptions, type VueScriptInstance, injectHead, setHeadInjectionHandler, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { CapoPlugin, type UseScriptContext, type UseScriptInput, type UseScriptOptions, type UseScriptReturn, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/legacy.mjs

@@ -1,17 +1,45 @@
-import { defineHeadPlugin, whitelistSafeInput, unpackMeta } from '@unhead/shared';
-import { unheadCtx, tryUseUnhead } from 'unhead';
 export { createHeadCore } from 'unhead';
-import { getCurrentInstance, onMounted, isRef, watch, onScopeDispose, ref, inject, watchEffect, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
-export { createHead } from './client.mjs';
-import { h as headSymbol, r as resolveUnrefHeadInput } from './shared/vue.Sg4YunmP.mjs';
-export { createHead as createServerHead } from './server.mjs';
+import { DeprecationsPlugin, PromisesPlugin, TemplateParamsPlugin, AliasSortingPlugin, SafeInputPlugin, FlatMetaPlugin } from 'unhead/plugins';
+import { defineHeadPlugin } from 'unhead/utils';
+import { walkResolver } from 'unhead/utils/walkResolver';
+import { unref, getCurrentInstance, onMounted, isRef, watch, onScopeDispose, ref, inject, watchEffect, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { createHead as createHead$1 } from './client.mjs';
+import { h as headSymbol } from './shared/vue.0vTsLwbU.mjs';
+import { createHead as createHead$2 } from './server.mjs';
 import { useScript as useScript$1 } from 'unhead/legacy';
 export { resolveScriptKey } from 'unhead/legacy';
 import 'unhead/client';
-import './shared/vue.B6jdKgLD.mjs';
-import './shared/vue.O-w7-AFg.mjs';
+import './shared/vue.BOii_fac.mjs';
 import 'unhead/server';
 
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+function resolveUnrefHeadInput(ref) {
+  if (ref instanceof Promise || ref instanceof Date || ref instanceof RegExp)
+    return ref;
+  const root = resolveUnref(ref);
+  if (!ref || !root)
+    return root;
+  if (Array.isArray(root))
+    return root.map((r) => resolveUnrefHeadInput(r));
+  if (typeof root === "object") {
+    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;
+}
+
 function registerVueScopeHandlers(script, scope) {
   if (!scope) {
     return;
@@ -77,15 +105,40 @@ function useScript(_input, _options) {
   });
 }
 
-const CapoPlugin = () => defineHeadPlugin({});
+function CapoPlugin() {
+  return defineHeadPlugin({
+    key: "capo"
+  });
+}
+function createHead(options = {}) {
+  return createHead$1({
+    disableCapoSorting: true,
+    ...options,
+    plugins: [
+      DeprecationsPlugin,
+      PromisesPlugin,
+      TemplateParamsPlugin,
+      AliasSortingPlugin,
+      ...options.plugins || []
+    ]
+  });
+}
+function createServerHead(options = {}) {
+  return createHead$2({
+    disableCapoSorting: true,
+    ...options,
+    plugins: [
+      DeprecationsPlugin,
+      PromisesPlugin,
+      TemplateParamsPlugin,
+      AliasSortingPlugin,
+      ...options.plugins || []
+    ]
+  });
+}
 function setHeadInjectionHandler(handler) {
-  unheadCtx.set(handler(), true);
 }
 function injectHead() {
-  const ctx = tryUseUnhead();
-  if (ctx) {
-    return ctx;
-  }
   return inject(headSymbol);
 }
 function useHead(input, options = {}) {
@@ -98,7 +151,7 @@ function clientUseHead(head, input, options = {}) {
   const deactivated = ref(false);
   const resolvedInput = ref({});
   watchEffect(() => {
-    resolvedInput.value = deactivated.value ? {} : resolveUnrefHeadInput(input);
+    resolvedInput.value = deactivated.value ? {} : walkResolver(input, (v) => unref(v));
   });
   const entry = head.push(resolvedInput.value, options);
   watch(resolvedInput, (e) => {
@@ -119,27 +172,25 @@ function clientUseHead(head, input, options = {}) {
   return entry;
 }
 function useHeadSafe(input, options = {}) {
-  return useHead(input, { ...options, transform: whitelistSafeInput });
+  const head = options.head || injectHead();
+  if (head) {
+    head.use(SafeInputPlugin);
+    options._safe = true;
+    return useHead(input, options);
+  }
 }
 function useSeoMeta(input, options) {
-  const { title, titleTemplate, ...meta } = input;
-  return useHead({
-    title,
-    titleTemplate,
-    // @ts-expect-error runtime type
-    _flatMeta: meta
-  }, {
-    ...options,
-    transform(t) {
-      const meta2 = unpackMeta({ ...t._flatMeta });
-      delete t._flatMeta;
-      return {
-        // @ts-expect-error runtime type
-        ...t,
-        meta: meta2
-      };
-    }
-  });
+  const head = options?.head || injectHead();
+  if (head) {
+    head.use(FlatMetaPlugin);
+    const { title, titleTemplate, ...meta } = input;
+    return useHead({
+      title,
+      titleTemplate,
+      // @ts-expect-error runtime type
+      _flatMeta: meta
+    }, options);
+  }
 }
 function useServerHead(input, options = {}) {
   return useHead(input, { ...options, mode: "server" });
@@ -151,4 +202,4 @@ function useServerSeoMeta(input, options) {
   return useSeoMeta(input, { ...options, mode: "server" });
 }
 
-export { CapoPlugin, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { CapoPlugin, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/server.d.mts

@@ -1,11 +1,8 @@
-import { MergeHead, CreateHeadOptions } from '@unhead/schema';
-import { d as distExports } from './shared/vue.DShwsPiO.mjs';
+import { VueHeadClient } from '@unhead/vue';
+import { MergeHead, CreateServerHeadOptions } from 'unhead/types';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.mjs';
-export * from 'unhead/server';
-import '@unhead/shared';
-import 'unhead';
-import 'vue';
+export { SSRHeadPayload, extractUnheadInputFromHtml, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
 
-declare function createHead<T extends MergeHead>(options?: Omit<CreateHeadOptions, 'domDelayFn' | 'document'>): distExports.VueHeadClient<T>;
+declare function createHead<T extends MergeHead>(options?: Omit<CreateServerHeadOptions, 'propsResolver'>): VueHeadClient<T>;
 
 export { createHead };

package/dist/server.d.ts

@@ -1,11 +1,8 @@
-import { MergeHead, CreateHeadOptions } from '@unhead/schema';
-import { d as distExports } from './shared/vue.DShwsPiO.js';
+import { VueHeadClient } from '@unhead/vue';
+import { MergeHead, CreateServerHeadOptions } from 'unhead/types';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.js';
-export * from 'unhead/server';
-import '@unhead/shared';
-import 'unhead';
-import 'vue';
+export { SSRHeadPayload, extractUnheadInputFromHtml, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
 
-declare function createHead<T extends MergeHead>(options?: Omit<CreateHeadOptions, 'domDelayFn' | 'document'>): distExports.VueHeadClient<T>;
+declare function createHead<T extends MergeHead>(options?: Omit<CreateServerHeadOptions, 'propsResolver'>): VueHeadClient<T>;
 
 export { createHead };

package/dist/server.mjs

@@ -1,19 +1,15 @@
 import { createHead as createHead$1 } from 'unhead/server';
-export * from 'unhead/server';
-import { v as vueInstall } from './shared/vue.Sg4YunmP.mjs';
-import { V as VueReactivityPlugin } from './shared/vue.B6jdKgLD.mjs';
-export { V as VueHeadMixin } from './shared/vue.O-w7-AFg.mjs';
+export { extractUnheadInputFromHtml, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
+import { V as VueResolver, v as vueInstall } from './shared/vue.0vTsLwbU.mjs';
+export { V as VueHeadMixin } from './shared/vue.BOii_fac.mjs';
+import 'unhead/plugins';
+import 'unhead/utils';
 import 'vue';
-import 'unhead';
-import '@unhead/shared';
 
 function createHead(options = {}) {
   const head = createHead$1({
     ...options,
-    plugins: [
-      ...options.plugins || [],
-      VueReactivityPlugin
-    ]
+    propResolvers: [VueResolver]
   });
   head.install = vueInstall(head);
   return head;