@unhead/vue 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/server.mjs

@@ -1,18 +1,16 @@
 import { createHead as createHead$1 } from 'unhead/server';
-export * from 'unhead/server';
-import { v as vueInstall } from './shared/vue.DUgB2y83.mjs';
-import { V as VueReactivityPlugin } from './shared/vue.BmaKl8wu.mjs';
-export { V as VueHeadMixin } from './shared/vue.BqrzivMs.mjs';
+export { extractUnheadInputFromHtml, propsToString, renderSSRHead, transformHtmlTemplate } from 'unhead/server';
+import { v as vueInstall } from './shared/vue.j4SPrdI5.mjs';
+import { V as VueResolver } from './shared/vue.N9zWjxoK.mjs';
+export { V as VueHeadMixin } from './shared/vue.DBXhY4KI.mjs';
+import 'unhead/plugins';
+import 'unhead/utils';
 import 'vue';
-import '@unhead/shared';
 
 function createHead(options = {}) {
   const head = createHead$1({
     ...options,
-    plugins: [
-      ...options.plugins || [],
-      VueReactivityPlugin
-    ]
+    propResolvers: [VueResolver]
   });
   head.install = vueInstall(head);
   return head;

package/dist/shared/{vue.B8gXlHM7.d.cts → vue.C97gXjQS.d.mts}

@@ -1,29 +1,26 @@
-import { BaseHtmlAttr, MaybeArray, BaseBodyAttr, Title as Title$1, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, Link as Link$1, Meta as Meta$1, Style as Style$1, Script as Script$1, Noscript as Noscript$1, DataKeys, SchemaAugmentations, DefinedValueOrEmptyObject, MaybeEventFnHandlers, BodyEvents, MergeHead, HeadEntryOptions, MetaFlatInput, Unhead, SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr } from '@unhead/schema';
-import { ComputedRef, Ref, Plugin } from 'vue';
+import { Falsey, MergeHead, Unhead, Stringable, SchemaAugmentations, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, DefinedValueOrEmptyObject, LinkBase, DataKeys, MaybeEventFnHandlers, HttpEventAttributes, BaseMeta, Style as Style$1, ScriptBase, Noscript as Noscript$1, BaseHtmlAttr, MaybeArray, BaseBodyAttr, BodyEvents, HeadEntryOptions, MetaFlatInput } from 'unhead/types';
+import { ComputedRef, Ref, CSSProperties, Plugin } from 'vue';
 
-declare function resolveUnrefHeadInput(ref: any): any;
-
-type MaybeReadonlyRef<T> = ComputedRef<T>;
-type MaybeComputedRef<T> = T | MaybeReadonlyRef<T> | Ref<T>;
-type MaybeComputedRefOrFalsy<T> = T | MaybeReadonlyRef<T> | Ref<T>;
-/**
- * @deprecated Use MaybeComputedRefOrFalsy
- */
-type MaybeComputedRefOrPromise<T> = MaybeComputedRefOrFalsy<T>;
-type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
-    [key in keyof T]?: MaybeComputedRefOrFalsy<T[key]>;
-};
-type MaybeComputedRefEntriesOnly<T> = {
-    [key in keyof T]?: MaybeComputedRefOrFalsy<T[key]>;
+type MaybeFalsey<T> = T | Falsey;
+type ResolvableValue<T> = MaybeFalsey<T> | (() => MaybeFalsey<T>) | ComputedRef<MaybeFalsey<T>> | Ref<MaybeFalsey<T>>;
+type ResolvableArray<T> = ResolvableValue<ResolvableValue<T>[]>;
+type ResolvableProperties<T> = {
+    [key in keyof T]?: ResolvableValue<T[key]>;
 };
 
-interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
+interface HtmlAttr extends Omit<BaseHtmlAttr, 'class' | 'style'> {
     /**
      * The class global attribute is a space-separated list of the case-sensitive classes of the element.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
      */
-    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    class?: MaybeArray<ResolvableValue<Falsey | Stringable> | Record<string, ResolvableValue<Falsey | Stringable>>>;
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    style?: MaybeArray<ResolvableValue<Falsey | Stringable> | ResolvableProperties<CSSProperties>>;
 }
 interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
     /**
@@ -31,24 +28,26 @@ interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
      */
-    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    class?: MaybeArray<ResolvableValue<Falsey | Stringable>> | Record<string, ResolvableValue<Falsey | Stringable>>;
     /**
      * The class global attribute is a space-separated list of the case-sensitive classes of the element.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
      */
-    style?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<string | boolean>>;
+    style?: MaybeArray<ResolvableValue<string>> | ResolvableProperties<CSSProperties>;
 }
-type Title = MaybeComputedRef<Title$1>;
+type Title = ResolvableValue<Stringable | Falsey> | ResolvableProperties<({
+    textContent: Stringable;
+} & SchemaAugmentations['title'])>;
 type TitleTemplate = TitleTemplate$1 | Ref<TitleTemplate$1> | ((title?: string) => TitleTemplate$1);
-type Base<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRef<MaybeComputedRefEntries<Base$1<E>>>;
-type Link<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Link$1<E>>;
-type Meta<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Meta$1<E>>;
-type Style<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Style$1<E>>;
-type Script<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Script$1<E>>;
-type Noscript<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Noscript$1<E>>;
-type HtmlAttributes<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRef<MaybeComputedRefEntries<HtmlAttr & DataKeys & SchemaAugmentations['htmlAttrs'] & DefinedValueOrEmptyObject<E>>>;
-type BodyAttributes<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRef<MaybeComputedRefEntries<BodyAttr & DataKeys & SchemaAugmentations['bodyAttrs'] & DefinedValueOrEmptyObject<E>> & MaybeEventFnHandlers<BodyEvents>>;
+type Base<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Base$1 & SchemaAugmentations['base']> & DefinedValueOrEmptyObject<E>;
+type Link<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<LinkBase & DataKeys & SchemaAugmentations['link']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Meta<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BaseMeta & DataKeys & SchemaAugmentations['meta']> & DefinedValueOrEmptyObject<E>;
+type Style<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Style$1 & DataKeys & SchemaAugmentations['style']> & DefinedValueOrEmptyObject<E>;
+type Script<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<ScriptBase & DataKeys & SchemaAugmentations['script']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Noscript<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Noscript$1 & DataKeys & SchemaAugmentations['noscript']> & DefinedValueOrEmptyObject<E>;
+type HtmlAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<HtmlAttr & DataKeys & SchemaAugmentations['htmlAttrs']> & DefinedValueOrEmptyObject<E>;
+type BodyAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BodyAttr & DataKeys & SchemaAugmentations['bodyAttrs']> & MaybeEventFnHandlers<BodyEvents> & DefinedValueOrEmptyObject<E>;
 interface ReactiveHead<E extends MergeHead = MergeHead> {
     /**
      * The `<title>` HTML element defines the document's title that is shown in a browser's title bar or a page's tab.
@@ -64,9 +63,9 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
     /**
      * Variables used to substitute in the title and meta content.
      */
-    templateParams?: MaybeComputedRefEntries<{
+    templateParams?: ResolvableProperties<{
         separator?: '|' | '-' | '·' | string;
-    } & Record<string, null | string | MaybeComputedRefEntries<Record<string, null | string>>>>;
+    } & Record<string, Stringable | Falsey | ResolvableProperties<Record<string, Stringable | Falsey>>>>;
     /**
      * The `<base>` HTML element specifies the base URL to use for all relative URLs in a document.
      * There can be only one <base> element in a document.
@@ -81,33 +80,33 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as
      */
-    link?: MaybeComputedRef<Link<E['link']>[]>;
+    link?: ResolvableArray<Link<E['link']>>;
     /**
      * The `<meta>` element represents metadata that cannot be expressed in other HTML elements, like `<link>` or `<script>`.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
      */
-    meta?: MaybeComputedRef<Meta<E['meta']>[]>;
+    meta?: ResolvableArray<Meta<E['meta']>>;
     /**
      * The `<style>` HTML element contains style information for a document, or part of a document.
      * It contains CSS, which is applied to the contents of the document containing the `<style>` element.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
      */
-    style?: MaybeComputedRef<(Style<E['style']> | string)[]>;
+    style?: ResolvableArray<(Style<E['style']> | string)>;
     /**
      * The `<script>` HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
      */
-    script?: MaybeComputedRef<(Script<E['script']> | string)[]>;
+    script?: ResolvableArray<(Script<E['script']> | string)>;
     /**
      * The `<noscript>` HTML element defines a section of HTML to be inserted if a script type on the page is unsupported
      * or if scripting is currently turned off in the browser.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
      */
-    noscript?: MaybeComputedRef<(Noscript<E['noscript']> | string)[]>;
+    noscript?: ResolvableArray<(Noscript<E['noscript']> | string)>;
     /**
      * Attributes for the `<html>` HTML element.
      *
@@ -124,21 +123,11 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
 type UseHeadOptions = Omit<HeadEntryOptions, 'head'> & {
     head?: VueHeadClient<any>;
 };
-type UseHeadInput<T extends MergeHead = Record<string, any>> = MaybeComputedRef<ReactiveHead<T>>;
-type UseSeoMetaInput = MaybeComputedRefEntriesOnly<MetaFlatInput> & {
+type UseHeadInput<T extends MergeHead = Record<string, any>> = ResolvableValue<ReactiveHead<T>>;
+type UseSeoMetaInput = ResolvableProperties<MetaFlatInput> & {
     title?: ReactiveHead['title'];
     titleTemplate?: ReactiveHead['titleTemplate'];
 };
-type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
-
-interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
-    meta?: MaybeComputedRefEntries<SafeMeta>[];
-    link?: MaybeComputedRefEntries<SafeLink>[];
-    noscript?: MaybeComputedRefEntries<SafeNoscript>[];
-    script?: MaybeComputedRefEntries<SafeScript>[];
-    htmlAttrs?: MaybeComputedRefEntries<SafeHtmlAttr>;
-    bodyAttrs?: MaybeComputedRefEntries<SafeBodyAttr>;
-}
-type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
+type VueHeadClient<T extends MergeHead> = Unhead<ResolvableValue<ReactiveHead<T>>> & Plugin;
 
-export { type BodyAttr as B, type HeadSafe as H, type Link as L, type Meta as M, type Noscript as N, type ReactiveHead as R, type Style as S, type Title as T, type UseHeadInput as U, type VueHeadClient as V, type UseHeadOptions as a, type UseHeadSafeInput as b, type UseSeoMetaInput as c, type HtmlAttr as d, type TitleTemplate as e, type Base as f, type Script as g, type HtmlAttributes as h, type BodyAttributes as i, type MaybeReadonlyRef as j, type MaybeComputedRef as k, type MaybeComputedRefOrFalsy as l, type MaybeComputedRefOrPromise as m, type MaybeComputedRefEntries as n, type MaybeComputedRefEntriesOnly as o, resolveUnrefHeadInput as r };
+export type { BodyAttr as B, HtmlAttr as H, Link as L, Meta as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, UseHeadOptions as a, UseSeoMetaInput as b, TitleTemplate as c, Base as d, Script as e, HtmlAttributes as f, BodyAttributes as g, MaybeFalsey as h, ResolvableValue as i, ResolvableArray as j, ResolvableProperties as k };

package/dist/shared/{vue.B8gXlHM7.d.mts → vue.C97gXjQS.d.ts}

@@ -1,29 +1,26 @@
-import { BaseHtmlAttr, MaybeArray, BaseBodyAttr, Title as Title$1, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, Link as Link$1, Meta as Meta$1, Style as Style$1, Script as Script$1, Noscript as Noscript$1, DataKeys, SchemaAugmentations, DefinedValueOrEmptyObject, MaybeEventFnHandlers, BodyEvents, MergeHead, HeadEntryOptions, MetaFlatInput, Unhead, SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr } from '@unhead/schema';
-import { ComputedRef, Ref, Plugin } from 'vue';
+import { Falsey, MergeHead, Unhead, Stringable, SchemaAugmentations, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, DefinedValueOrEmptyObject, LinkBase, DataKeys, MaybeEventFnHandlers, HttpEventAttributes, BaseMeta, Style as Style$1, ScriptBase, Noscript as Noscript$1, BaseHtmlAttr, MaybeArray, BaseBodyAttr, BodyEvents, HeadEntryOptions, MetaFlatInput } from 'unhead/types';
+import { ComputedRef, Ref, CSSProperties, Plugin } from 'vue';
 
-declare function resolveUnrefHeadInput(ref: any): any;
-
-type MaybeReadonlyRef<T> = ComputedRef<T>;
-type MaybeComputedRef<T> = T | MaybeReadonlyRef<T> | Ref<T>;
-type MaybeComputedRefOrFalsy<T> = T | MaybeReadonlyRef<T> | Ref<T>;
-/**
- * @deprecated Use MaybeComputedRefOrFalsy
- */
-type MaybeComputedRefOrPromise<T> = MaybeComputedRefOrFalsy<T>;
-type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
-    [key in keyof T]?: MaybeComputedRefOrFalsy<T[key]>;
-};
-type MaybeComputedRefEntriesOnly<T> = {
-    [key in keyof T]?: MaybeComputedRefOrFalsy<T[key]>;
+type MaybeFalsey<T> = T | Falsey;
+type ResolvableValue<T> = MaybeFalsey<T> | (() => MaybeFalsey<T>) | ComputedRef<MaybeFalsey<T>> | Ref<MaybeFalsey<T>>;
+type ResolvableArray<T> = ResolvableValue<ResolvableValue<T>[]>;
+type ResolvableProperties<T> = {
+    [key in keyof T]?: ResolvableValue<T[key]>;
 };
 
-interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
+interface HtmlAttr extends Omit<BaseHtmlAttr, 'class' | 'style'> {
     /**
      * The class global attribute is a space-separated list of the case-sensitive classes of the element.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
      */
-    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    class?: MaybeArray<ResolvableValue<Falsey | Stringable> | Record<string, ResolvableValue<Falsey | Stringable>>>;
+    /**
+     * The class global attribute is a space-separated list of the case-sensitive classes of the element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
+     */
+    style?: MaybeArray<ResolvableValue<Falsey | Stringable> | ResolvableProperties<CSSProperties>>;
 }
 interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
     /**
@@ -31,24 +28,26 @@ interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
      */
-    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    class?: MaybeArray<ResolvableValue<Falsey | Stringable>> | Record<string, ResolvableValue<Falsey | Stringable>>;
     /**
      * The class global attribute is a space-separated list of the case-sensitive classes of the element.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class
      */
-    style?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<string | boolean>>;
+    style?: MaybeArray<ResolvableValue<string>> | ResolvableProperties<CSSProperties>;
 }
-type Title = MaybeComputedRef<Title$1>;
+type Title = ResolvableValue<Stringable | Falsey> | ResolvableProperties<({
+    textContent: Stringable;
+} & SchemaAugmentations['title'])>;
 type TitleTemplate = TitleTemplate$1 | Ref<TitleTemplate$1> | ((title?: string) => TitleTemplate$1);
-type Base<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRef<MaybeComputedRefEntries<Base$1<E>>>;
-type Link<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Link$1<E>>;
-type Meta<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Meta$1<E>>;
-type Style<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Style$1<E>>;
-type Script<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Script$1<E>>;
-type Noscript<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRefEntries<Noscript$1<E>>;
-type HtmlAttributes<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRef<MaybeComputedRefEntries<HtmlAttr & DataKeys & SchemaAugmentations['htmlAttrs'] & DefinedValueOrEmptyObject<E>>>;
-type BodyAttributes<E extends EntryAugmentation = Record<string, any>> = MaybeComputedRef<MaybeComputedRefEntries<BodyAttr & DataKeys & SchemaAugmentations['bodyAttrs'] & DefinedValueOrEmptyObject<E>> & MaybeEventFnHandlers<BodyEvents>>;
+type Base<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Base$1 & SchemaAugmentations['base']> & DefinedValueOrEmptyObject<E>;
+type Link<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<LinkBase & DataKeys & SchemaAugmentations['link']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Meta<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BaseMeta & DataKeys & SchemaAugmentations['meta']> & DefinedValueOrEmptyObject<E>;
+type Style<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Style$1 & DataKeys & SchemaAugmentations['style']> & DefinedValueOrEmptyObject<E>;
+type Script<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<ScriptBase & DataKeys & SchemaAugmentations['script']> & MaybeEventFnHandlers<HttpEventAttributes> & DefinedValueOrEmptyObject<E>;
+type Noscript<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<Noscript$1 & DataKeys & SchemaAugmentations['noscript']> & DefinedValueOrEmptyObject<E>;
+type HtmlAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<HtmlAttr & DataKeys & SchemaAugmentations['htmlAttrs']> & DefinedValueOrEmptyObject<E>;
+type BodyAttributes<E extends EntryAugmentation = Record<string, any>> = ResolvableProperties<BodyAttr & DataKeys & SchemaAugmentations['bodyAttrs']> & MaybeEventFnHandlers<BodyEvents> & DefinedValueOrEmptyObject<E>;
 interface ReactiveHead<E extends MergeHead = MergeHead> {
     /**
      * The `<title>` HTML element defines the document's title that is shown in a browser's title bar or a page's tab.
@@ -64,9 +63,9 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
     /**
      * Variables used to substitute in the title and meta content.
      */
-    templateParams?: MaybeComputedRefEntries<{
+    templateParams?: ResolvableProperties<{
         separator?: '|' | '-' | '·' | string;
-    } & Record<string, null | string | MaybeComputedRefEntries<Record<string, null | string>>>>;
+    } & Record<string, Stringable | Falsey | ResolvableProperties<Record<string, Stringable | Falsey>>>>;
     /**
      * The `<base>` HTML element specifies the base URL to use for all relative URLs in a document.
      * There can be only one <base> element in a document.
@@ -81,33 +80,33 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as
      */
-    link?: MaybeComputedRef<Link<E['link']>[]>;
+    link?: ResolvableArray<Link<E['link']>>;
     /**
      * The `<meta>` element represents metadata that cannot be expressed in other HTML elements, like `<link>` or `<script>`.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
      */
-    meta?: MaybeComputedRef<Meta<E['meta']>[]>;
+    meta?: ResolvableArray<Meta<E['meta']>>;
     /**
      * The `<style>` HTML element contains style information for a document, or part of a document.
      * It contains CSS, which is applied to the contents of the document containing the `<style>` element.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
      */
-    style?: MaybeComputedRef<(Style<E['style']> | string)[]>;
+    style?: ResolvableArray<(Style<E['style']> | string)>;
     /**
      * The `<script>` HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
      */
-    script?: MaybeComputedRef<(Script<E['script']> | string)[]>;
+    script?: ResolvableArray<(Script<E['script']> | string)>;
     /**
      * The `<noscript>` HTML element defines a section of HTML to be inserted if a script type on the page is unsupported
      * or if scripting is currently turned off in the browser.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
      */
-    noscript?: MaybeComputedRef<(Noscript<E['noscript']> | string)[]>;
+    noscript?: ResolvableArray<(Noscript<E['noscript']> | string)>;
     /**
      * Attributes for the `<html>` HTML element.
      *
@@ -124,21 +123,11 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
 type UseHeadOptions = Omit<HeadEntryOptions, 'head'> & {
     head?: VueHeadClient<any>;
 };
-type UseHeadInput<T extends MergeHead = Record<string, any>> = MaybeComputedRef<ReactiveHead<T>>;
-type UseSeoMetaInput = MaybeComputedRefEntriesOnly<MetaFlatInput> & {
+type UseHeadInput<T extends MergeHead = Record<string, any>> = ResolvableValue<ReactiveHead<T>>;
+type UseSeoMetaInput = ResolvableProperties<MetaFlatInput> & {
     title?: ReactiveHead['title'];
     titleTemplate?: ReactiveHead['titleTemplate'];
 };
-type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
-
-interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
-    meta?: MaybeComputedRefEntries<SafeMeta>[];
-    link?: MaybeComputedRefEntries<SafeLink>[];
-    noscript?: MaybeComputedRefEntries<SafeNoscript>[];
-    script?: MaybeComputedRefEntries<SafeScript>[];
-    htmlAttrs?: MaybeComputedRefEntries<SafeHtmlAttr>;
-    bodyAttrs?: MaybeComputedRefEntries<SafeBodyAttr>;
-}
-type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
+type VueHeadClient<T extends MergeHead> = Unhead<ResolvableValue<ReactiveHead<T>>> & Plugin;
 
-export { type BodyAttr as B, type HeadSafe as H, type Link as L, type Meta as M, type Noscript as N, type ReactiveHead as R, type Style as S, type Title as T, type UseHeadInput as U, type VueHeadClient as V, type UseHeadOptions as a, type UseHeadSafeInput as b, type UseSeoMetaInput as c, type HtmlAttr as d, type TitleTemplate as e, type Base as f, type Script as g, type HtmlAttributes as h, type BodyAttributes as i, type MaybeReadonlyRef as j, type MaybeComputedRef as k, type MaybeComputedRefOrFalsy as l, type MaybeComputedRefOrPromise as m, type MaybeComputedRefEntries as n, type MaybeComputedRefEntriesOnly as o, resolveUnrefHeadInput as r };
+export type { BodyAttr as B, HtmlAttr as H, Link as L, Meta as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, UseHeadOptions as a, UseSeoMetaInput as b, TitleTemplate as c, Base as d, Script as e, HtmlAttributes as f, BodyAttributes as g, MaybeFalsey as h, ResolvableValue as i, ResolvableArray as j, ResolvableProperties as k };

package/dist/shared/{vue.BqrzivMs.mjs → vue.DBXhY4KI.mjs}

@@ -1,5 +1,5 @@
 import { getCurrentInstance } from 'vue';
-import { u as useHead } from './vue.DUgB2y83.mjs';
+import { u as useHead } from './vue.j4SPrdI5.mjs';
 
 const VueHeadMixin = {
   created() {

package/dist/shared/vue.N9zWjxoK.mjs

@@ -0,0 +1,7 @@
+import { toValue, isRef } from 'vue';
+
+const VueResolver = (_, value) => {
+  return isRef(value) ? toValue(value) : value;
+};
+
+export { VueResolver as V };

package/dist/shared/vue.j4SPrdI5.mjs

@@ -0,0 +1,84 @@
+import { SafeInputPlugin, FlatMetaPlugin } from 'unhead/plugins';
+import { walkResolver } from 'unhead/utils';
+import { hasInjectionContext, inject, ref, watchEffect, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { V as VueResolver } from './vue.N9zWjxoK.mjs';
+
+const headSymbol = "usehead";
+function vueInstall(head) {
+  const plugin = {
+    install(app) {
+      app.config.globalProperties.$unhead = head;
+      app.config.globalProperties.$head = head;
+      app.provide(headSymbol, head);
+    }
+  };
+  return plugin.install;
+}
+
+function injectHead() {
+  if (hasInjectionContext()) {
+    const instance = inject(headSymbol);
+    if (!instance) {
+      throw new Error("useHead() was called without provide context, ensure you call it through the setup() function.");
+    }
+    return instance;
+  }
+  throw new Error("useHead() was called without provide context, ensure you call it through the setup() function.");
+}
+function useHead(input = {}, options = {}) {
+  const head = options.head || injectHead();
+  return head.ssr ? head.push(input, options) : clientUseHead(head, input, options);
+}
+function clientUseHead(head, input, options = {}) {
+  const deactivated = ref(false);
+  let entry;
+  watchEffect(() => {
+    const i = deactivated.value ? {} : walkResolver(input, VueResolver);
+    if (entry) {
+      entry.patch(i);
+    } else {
+      entry = head.push(i, options);
+    }
+  });
+  const vm = getCurrentInstance();
+  if (vm) {
+    onBeforeUnmount(() => {
+      entry.dispose();
+    });
+    onDeactivated(() => {
+      deactivated.value = true;
+    });
+    onActivated(() => {
+      deactivated.value = false;
+    });
+  }
+  return entry;
+}
+function useHeadSafe(input = {}, options = {}) {
+  const head = options.head || injectHead();
+  head.use(SafeInputPlugin);
+  options._safe = true;
+  return useHead(input, options);
+}
+function useSeoMeta(input = {}, options = {}) {
+  const head = options.head || injectHead();
+  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" });
+}
+function useServerHeadSafe(input = {}, options = {}) {
+  return useHeadSafe(input, { ...options, mode: "server" });
+}
+function useServerSeoMeta(input = {}, options) {
+  return useSeoMeta(input, { ...options, mode: "server" });
+}
+
+export { useHeadSafe as a, useSeoMeta as b, useServerHead as c, useServerHeadSafe as d, useServerSeoMeta as e, headSymbol as h, injectHead as i, useHead as u, vueInstall as v };

package/dist/types.d.mts

@@ -0,0 +1,66 @@
+import { Head, LinkBase, DataKeys, SchemaAugmentations, BaseMeta, Style, ScriptBase, Noscript, HtmlAttributes, BodyAttributes } from 'unhead/types';
+export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, RenderSSRHeadOptions, ResolvedBase, ResolvedBodyAttributes, ResolvedHead, ResolvedHtmlAttributes, ResolvedLink, ResolvedMeta, ResolvedNoscript, ResolvedScript, ResolvedStyle, ResolvedTitle, ResolvedTitleTemplate, Unhead } from 'unhead/types';
+import { i as ResolvableValue, k as ResolvableProperties } from './shared/vue.C97gXjQS.mjs';
+export { d as Base, B as BodyAttr, g as BodyAttributes, H as HtmlAttr, f as HtmlAttributes, L as Link, h as MaybeFalsey, M as Meta, N as Noscript, R as ReactiveHead, j as ResolvableArray, e as Script, S as Style, T as Title, c as TitleTemplate, U as UseHeadInput, a as UseHeadOptions, b as UseSeoMetaInput, V as VueHeadClient } from './shared/vue.C97gXjQS.mjs';
+import 'vue';
+
+type SafeBodyAttr = ResolvableProperties<Pick<BodyAttributes, 'id' | 'class' | 'style'> & DataKeys & SchemaAugmentations['bodyAttrs']>;
+type SafeHtmlAttr = ResolvableProperties<Pick<HtmlAttributes, 'id' | 'class' | 'style' | 'lang' | 'dir'> & DataKeys & SchemaAugmentations['htmlAttrs']>;
+type SafeMeta = ResolvableProperties<Pick<BaseMeta, 'id' | 'name' | 'property' | 'charset' | 'content' | 'media'> & DataKeys & SchemaAugmentations['meta']>;
+type SafeLink = ResolvableProperties<Pick<LinkBase, 'id' | 'color' | 'crossorigin' | 'fetchpriority' | 'href' | 'hreflang' | 'imagesrcset' | 'imagesizes' | 'integrity' | 'media' | 'referrerpolicy' | 'rel' | 'sizes' | 'type'> & DataKeys & SchemaAugmentations['link']>;
+type SafeScript = ResolvableProperties<Pick<ScriptBase, 'id' | 'type' | 'nonce' | 'blocking'> & DataKeys & {
+    textContent?: string;
+} & SchemaAugmentations['script']>;
+type SafeNoscript = ResolvableProperties<Pick<Noscript, 'id' | 'textContent'> & DataKeys & SchemaAugmentations['noscript']>;
+type SafeStyle = ResolvableProperties<Pick<Style, 'id' | 'media' | 'textContent' | 'nonce' | 'title' | 'blocking'> & DataKeys & SchemaAugmentations['style']>;
+interface HeadSafe extends Pick<Head, 'title' | 'titleTemplate' | 'templateParams'> {
+    /**
+     * The `<link>` HTML element specifies relationships between the current document and an external resource.
+     * This element is most commonly used to link to stylesheets, but is also used to establish site icons
+     * (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as
+     */
+    link?: ResolvableValue<ResolvableValue<SafeLink[]>>;
+    /**
+     * The `<meta>` element represents metadata that cannot be expressed in other HTML elements, like `<link>` or `<script>`.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
+     */
+    meta?: ResolvableValue<ResolvableValue<SafeMeta>[]>;
+    /**
+     * The `<style>` HTML element contains style information for a document, or part of a document.
+     * It contains CSS, which is applied to the contents of the document containing the `<style>` element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
+     */
+    style?: ResolvableValue<ResolvableValue<(SafeStyle | string)>[]>;
+    /**
+     * The `<script>` HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
+     */
+    script?: ResolvableValue<ResolvableValue<(SafeScript | string)>[]>;
+    /**
+     * The `<noscript>` HTML element defines a section of HTML to be inserted if a script type on the page is unsupported
+     * or if scripting is currently turned off in the browser.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
+     */
+    noscript?: ResolvableValue<ResolvableValue<(SafeNoscript | string)>[]>;
+    /**
+     * Attributes for the `<html>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html
+     */
+    htmlAttrs?: ResolvableValue<SafeHtmlAttr>;
+    /**
+     * Attributes for the `<body>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body
+     */
+    bodyAttrs?: ResolvableValue<SafeBodyAttr>;
+}
+type UseHeadSafeInput = ResolvableValue<HeadSafe>;
+
+export { type HeadSafe, ResolvableProperties, ResolvableValue, type SafeBodyAttr, type SafeHtmlAttr, type SafeLink, type SafeMeta, type SafeNoscript, type SafeScript, type SafeStyle, type UseHeadSafeInput };

package/dist/types.d.ts

@@ -0,0 +1,66 @@
+import { Head, LinkBase, DataKeys, SchemaAugmentations, BaseMeta, Style, ScriptBase, Noscript, HtmlAttributes, BodyAttributes } from 'unhead/types';
+export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, RenderSSRHeadOptions, ResolvedBase, ResolvedBodyAttributes, ResolvedHead, ResolvedHtmlAttributes, ResolvedLink, ResolvedMeta, ResolvedNoscript, ResolvedScript, ResolvedStyle, ResolvedTitle, ResolvedTitleTemplate, Unhead } from 'unhead/types';
+import { i as ResolvableValue, k as ResolvableProperties } from './shared/vue.C97gXjQS.js';
+export { d as Base, B as BodyAttr, g as BodyAttributes, H as HtmlAttr, f as HtmlAttributes, L as Link, h as MaybeFalsey, M as Meta, N as Noscript, R as ReactiveHead, j as ResolvableArray, e as Script, S as Style, T as Title, c as TitleTemplate, U as UseHeadInput, a as UseHeadOptions, b as UseSeoMetaInput, V as VueHeadClient } from './shared/vue.C97gXjQS.js';
+import 'vue';
+
+type SafeBodyAttr = ResolvableProperties<Pick<BodyAttributes, 'id' | 'class' | 'style'> & DataKeys & SchemaAugmentations['bodyAttrs']>;
+type SafeHtmlAttr = ResolvableProperties<Pick<HtmlAttributes, 'id' | 'class' | 'style' | 'lang' | 'dir'> & DataKeys & SchemaAugmentations['htmlAttrs']>;
+type SafeMeta = ResolvableProperties<Pick<BaseMeta, 'id' | 'name' | 'property' | 'charset' | 'content' | 'media'> & DataKeys & SchemaAugmentations['meta']>;
+type SafeLink = ResolvableProperties<Pick<LinkBase, 'id' | 'color' | 'crossorigin' | 'fetchpriority' | 'href' | 'hreflang' | 'imagesrcset' | 'imagesizes' | 'integrity' | 'media' | 'referrerpolicy' | 'rel' | 'sizes' | 'type'> & DataKeys & SchemaAugmentations['link']>;
+type SafeScript = ResolvableProperties<Pick<ScriptBase, 'id' | 'type' | 'nonce' | 'blocking'> & DataKeys & {
+    textContent?: string;
+} & SchemaAugmentations['script']>;
+type SafeNoscript = ResolvableProperties<Pick<Noscript, 'id' | 'textContent'> & DataKeys & SchemaAugmentations['noscript']>;
+type SafeStyle = ResolvableProperties<Pick<Style, 'id' | 'media' | 'textContent' | 'nonce' | 'title' | 'blocking'> & DataKeys & SchemaAugmentations['style']>;
+interface HeadSafe extends Pick<Head, 'title' | 'titleTemplate' | 'templateParams'> {
+    /**
+     * The `<link>` HTML element specifies relationships between the current document and an external resource.
+     * This element is most commonly used to link to stylesheets, but is also used to establish site icons
+     * (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as
+     */
+    link?: ResolvableValue<ResolvableValue<SafeLink[]>>;
+    /**
+     * The `<meta>` element represents metadata that cannot be expressed in other HTML elements, like `<link>` or `<script>`.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
+     */
+    meta?: ResolvableValue<ResolvableValue<SafeMeta>[]>;
+    /**
+     * The `<style>` HTML element contains style information for a document, or part of a document.
+     * It contains CSS, which is applied to the contents of the document containing the `<style>` element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
+     */
+    style?: ResolvableValue<ResolvableValue<(SafeStyle | string)>[]>;
+    /**
+     * The `<script>` HTML element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
+     */
+    script?: ResolvableValue<ResolvableValue<(SafeScript | string)>[]>;
+    /**
+     * The `<noscript>` HTML element defines a section of HTML to be inserted if a script type on the page is unsupported
+     * or if scripting is currently turned off in the browser.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
+     */
+    noscript?: ResolvableValue<ResolvableValue<(SafeNoscript | string)>[]>;
+    /**
+     * Attributes for the `<html>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html
+     */
+    htmlAttrs?: ResolvableValue<SafeHtmlAttr>;
+    /**
+     * Attributes for the `<body>` HTML element.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body
+     */
+    bodyAttrs?: ResolvableValue<SafeBodyAttr>;
+}
+type UseHeadSafeInput = ResolvableValue<HeadSafe>;
+
+export { type HeadSafe, ResolvableProperties, ResolvableValue, type SafeBodyAttr, type SafeHtmlAttr, type SafeLink, type SafeMeta, type SafeNoscript, type SafeScript, type SafeStyle, type UseHeadSafeInput };

package/dist/types.mjs

@@ -0,0 +1 @@
+

package/dist/utils.d.mts

@@ -0,0 +1,11 @@
+import { PropResolver, ResolvedHead } from 'unhead/types';
+export * from 'unhead/utils';
+
+declare const VueResolver: PropResolver;
+
+/**
+ * @deprecated Use head.resolveTags() instead
+ */
+declare function resolveUnrefHeadInput(input: any): ResolvedHead;
+
+export { VueResolver, resolveUnrefHeadInput };

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+import { PropResolver, ResolvedHead } from 'unhead/types';
+export * from 'unhead/utils';
+
+declare const VueResolver: PropResolver;
+
+/**
+ * @deprecated Use head.resolveTags() instead
+ */
+declare function resolveUnrefHeadInput(input: any): ResolvedHead;
+
+export { VueResolver, resolveUnrefHeadInput };