@unhead/vue 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/client.mjs

@@ -1,10 +1,11 @@
 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.0vTsLwbU.mjs';
-export { V as VueHeadMixin } from './shared/vue.BOii_fac.mjs';
+import { v as vueInstall } from './shared/vue.pWToN6_t.mjs';
+export { V as VueHeadMixin } from './shared/vue.Ci2RuXYj.mjs';
 import 'unhead/plugins';
 import 'unhead/utils';
+import './shared/vue.CkLIG7eN.mjs';
 
 function createHead(options = {}) {
   const head = createHead$1({

package/dist/components.mjs

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

package/dist/index.d.mts

@@ -2,9 +2,11 @@ export { createHeadCore } from 'unhead';
 import { MergeHead, ActiveHeadEntry } 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 { 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 { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeFalsey, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, ResolvableValue, SafeBodyAttr, SafeHtmlAttr, SafeLink, SafeMeta, SafeNoscript, SafeScript, SafeStyle, Script, Style, Title, TitleTemplate } from './types.mjs';
+export { resolveUnrefHeadInput } from './utils.mjs';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.mjs';
 import 'vue';
+import 'unhead/utils';
 
 declare const unheadVueComposablesImports: {
     '@unhead/vue': string[];

package/dist/index.d.ts

@@ -2,9 +2,11 @@ export { createHeadCore } from 'unhead';
 import { MergeHead, ActiveHeadEntry } 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 { 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 { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeFalsey, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, ResolvableValue, SafeBodyAttr, SafeHtmlAttr, SafeLink, SafeMeta, SafeNoscript, SafeScript, SafeStyle, Script, Style, Title, TitleTemplate } from './types.js';
+export { resolveUnrefHeadInput } from './utils.js';
 export { V as VueHeadMixin } from './shared/vue.DnywREVF.js';
 import 'vue';
+import 'unhead/utils';
 
 declare const unheadVueComposablesImports: {
     '@unhead/vue': string[];

package/dist/index.mjs

@@ -1,9 +1,11 @@
 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';
+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.pWToN6_t.mjs';
+export { resolveUnrefHeadInput } from './utils.mjs';
+export { V as VueHeadMixin } from './shared/vue.Ci2RuXYj.mjs';
 import 'unhead/plugins';
 import 'unhead/utils';
 import 'vue';
+import './shared/vue.CkLIG7eN.mjs';
 
 const unheadVueComposablesImports = {
   "@unhead/vue": ["injectHead", "useHead", "useSeoMeta", "useHeadSafe", "useServerHead", "useServerSeoMeta", "useServerHeadSafe"]

package/dist/legacy.mjs

@@ -1,15 +1,15 @@
 export { createHeadCore } from 'unhead';
-import { DeprecationsPlugin, PromisesPlugin, TemplateParamsPlugin, AliasSortingPlugin, SafeInputPlugin, FlatMetaPlugin } from 'unhead/plugins';
-import { defineHeadPlugin } from 'unhead/utils';
-import { walkResolver } from 'unhead/utils/walkResolver';
 import { getCurrentInstance, onMounted, isRef, watch, onScopeDispose, ref, inject, watchEffect, unref, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
 import { createHead as createHead$1 } from './client.mjs';
-import { V as VueResolver, h as headSymbol } from './shared/vue.0vTsLwbU.mjs';
+import { h as headSymbol } from './shared/vue.pWToN6_t.mjs';
+import { V as VueResolver } from './shared/vue.CkLIG7eN.mjs';
 import { createHead as createHead$2 } from './server.mjs';
 import { useScript as useScript$1 } from 'unhead/legacy';
 export { resolveScriptKey } from 'unhead/legacy';
+import { walkResolver, defineHeadPlugin } from 'unhead/utils';
+import { DeprecationsPlugin, PromisesPlugin, TemplateParamsPlugin, AliasSortingPlugin, SafeInputPlugin, FlatMetaPlugin } from 'unhead/plugins';
 import 'unhead/client';
-import './shared/vue.BOii_fac.mjs';
+import './shared/vue.Ci2RuXYj.mjs';
 import 'unhead/server';
 
 function registerVueScopeHandlers(script, scope) {

package/dist/plugins.d.mts

@@ -1,2 +1 @@
 export * from 'unhead/plugins';
-import 'unhead/utils';

package/dist/plugins.d.ts

@@ -1,2 +1 @@
 export * from 'unhead/plugins';
-import 'unhead/utils';

package/dist/server.mjs

@@ -1,7 +1,8 @@
 import { createHead as createHead$1 } from 'unhead/server';
 export { extractUnheadInputFromHtml, propsToString, 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 { v as vueInstall } from './shared/vue.pWToN6_t.mjs';
+import { V as VueResolver } from './shared/vue.CkLIG7eN.mjs';
+export { V as VueHeadMixin } from './shared/vue.Ci2RuXYj.mjs';
 import 'unhead/plugins';
 import 'unhead/utils';
 import 'vue';

package/dist/shared/{vue.BOii_fac.mjs → vue.Ci2RuXYj.mjs}

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

package/dist/shared/vue.CkLIG7eN.mjs

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

package/dist/shared/{vue.0vTsLwbU.mjs → vue.pWToN6_t.mjs}

@@ -1,6 +1,7 @@
 import { SafeInputPlugin, FlatMetaPlugin } from 'unhead/plugins';
 import { walkResolver } from 'unhead/utils';
-import { isRef, toValue, hasInjectionContext, inject, ref, watchEffect, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { hasInjectionContext, inject, ref, watchEffect, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
+import { V as VueResolver } from './vue.CkLIG7eN.mjs';
 
 const headSymbol = "usehead";
 function vueInstall(head) {
@@ -14,10 +15,6 @@ function vueInstall(head) {
   return plugin.install;
 }
 
-const VueResolver = (_, value) => {
-  return isRef(value) ? toValue(value) : value;
-};
-
 function injectHead() {
   if (hasInjectionContext()) {
     const instance = inject(headSymbol);
@@ -84,4 +81,4 @@ function useServerSeoMeta(input, options) {
   return useSeoMeta(input, { ...options, mode: "server" });
 }
 
-export { VueResolver as V, 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 };
+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

@@ -1,20 +1,86 @@
-import { Falsey, BaseHtmlAttr, MaybeArray, BaseBodyAttr, MaybeFunction, ResolvableValues, 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, BodyEvents, MergeHead, HeadEntryOptions, MetaFlatInput, Unhead, SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr } from 'unhead/types';
+import { Falsey, BodyAttributes as BodyAttributes$1, DataKeys, SchemaAugmentations, HtmlAttributes as HtmlAttributes$1, BaseMeta, LinkBase, ScriptBase, Noscript as Noscript$1, Style as Style$1, Head, BaseHtmlAttr, MaybeArray, Stringable, BaseBodyAttr, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, DefinedValueOrEmptyObject, MaybeEventFnHandlers, HttpEventAttributes, BodyEvents, MergeHead, HeadEntryOptions, MetaFlatInput, Unhead } 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 { ComputedRef, Ref, Plugin } from 'vue';
+import { ComputedRef, Ref, CSSProperties, Plugin } from 'vue';
 
-type MaybeComputedRef<T> = T | (() => T) | ComputedRef<T> | Ref<T>;
-type ResolvableArray<T> = MaybeComputedRef<MaybeComputedRef<T>[]>;
+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]?: MaybeComputedRef<T[key] | Falsey>;
+    [key in keyof T]?: ResolvableValue<T[key]>;
 };
 
-interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
+type SafeBodyAttr = ResolvableProperties<Pick<BodyAttributes$1, 'id' | 'class' | 'style'> & DataKeys & SchemaAugmentations['bodyAttrs']>;
+type SafeHtmlAttr = ResolvableProperties<Pick<HtmlAttributes$1, '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$1, 'id' | 'textContent'> & DataKeys & SchemaAugmentations['noscript']>;
+type SafeStyle = ResolvableProperties<Pick<Style$1, '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>;
+
+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<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
      */
-    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    style?: MaybeArray<ResolvableValue<Falsey | Stringable> | ResolvableProperties<CSSProperties>>;
 }
 interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
     /**
@@ -22,16 +88,16 @@ 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 = MaybeFunction<number | string | Falsey> | ResolvableValues<({
-    textContent: string;
+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>> = ResolvableProperties<Base$1 & SchemaAugmentations['base']> & DefinedValueOrEmptyObject<E>;
@@ -57,9 +123,9 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
     /**
      * Variables used to substitute in the title and meta content.
      */
-    templateParams?: ResolvableArray<{
+    templateParams?: ResolvableProperties<{
         separator?: '|' | '-' | '·' | string;
-    } & Record<string, null | string | ResolvableArray<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.
@@ -117,21 +183,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 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?: ResolvableArray<SafeMeta>[];
-    link?: ResolvableArray<SafeLink>[];
-    noscript?: ResolvableArray<SafeNoscript>[];
-    script?: ResolvableArray<SafeScript>[];
-    htmlAttrs?: ResolvableArray<SafeHtmlAttr>;
-    bodyAttrs?: ResolvableArray<SafeBodyAttr>;
-}
-type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
+type VueHeadClient<T extends MergeHead> = Unhead<ResolvableValue<ReactiveHead<T>>> & Plugin;
 
-export type { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeComputedRef, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, Script, Style, Title, TitleTemplate, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, VueHeadClient };
+export type { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeFalsey, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, ResolvableValue, SafeBodyAttr, SafeHtmlAttr, SafeLink, SafeMeta, SafeNoscript, SafeScript, SafeStyle, Script, Style, Title, TitleTemplate, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, VueHeadClient };

package/dist/types.d.ts

@@ -1,20 +1,86 @@
-import { Falsey, BaseHtmlAttr, MaybeArray, BaseBodyAttr, MaybeFunction, ResolvableValues, 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, BodyEvents, MergeHead, HeadEntryOptions, MetaFlatInput, Unhead, SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr } from 'unhead/types';
+import { Falsey, BodyAttributes as BodyAttributes$1, DataKeys, SchemaAugmentations, HtmlAttributes as HtmlAttributes$1, BaseMeta, LinkBase, ScriptBase, Noscript as Noscript$1, Style as Style$1, Head, BaseHtmlAttr, MaybeArray, Stringable, BaseBodyAttr, TitleTemplate as TitleTemplate$1, EntryAugmentation, Base as Base$1, DefinedValueOrEmptyObject, MaybeEventFnHandlers, HttpEventAttributes, BodyEvents, MergeHead, HeadEntryOptions, MetaFlatInput, Unhead } 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 { ComputedRef, Ref, Plugin } from 'vue';
+import { ComputedRef, Ref, CSSProperties, Plugin } from 'vue';
 
-type MaybeComputedRef<T> = T | (() => T) | ComputedRef<T> | Ref<T>;
-type ResolvableArray<T> = MaybeComputedRef<MaybeComputedRef<T>[]>;
+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]?: MaybeComputedRef<T[key] | Falsey>;
+    [key in keyof T]?: ResolvableValue<T[key]>;
 };
 
-interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
+type SafeBodyAttr = ResolvableProperties<Pick<BodyAttributes$1, 'id' | 'class' | 'style'> & DataKeys & SchemaAugmentations['bodyAttrs']>;
+type SafeHtmlAttr = ResolvableProperties<Pick<HtmlAttributes$1, '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$1, 'id' | 'textContent'> & DataKeys & SchemaAugmentations['noscript']>;
+type SafeStyle = ResolvableProperties<Pick<Style$1, '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>;
+
+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<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
      */
-    class?: MaybeArray<MaybeComputedRef<string>> | Record<string, MaybeComputedRef<boolean>>;
+    style?: MaybeArray<ResolvableValue<Falsey | Stringable> | ResolvableProperties<CSSProperties>>;
 }
 interface BodyAttr extends Omit<BaseBodyAttr, 'class' | 'style'> {
     /**
@@ -22,16 +88,16 @@ 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 = MaybeFunction<number | string | Falsey> | ResolvableValues<({
-    textContent: string;
+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>> = ResolvableProperties<Base$1 & SchemaAugmentations['base']> & DefinedValueOrEmptyObject<E>;
@@ -57,9 +123,9 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
     /**
      * Variables used to substitute in the title and meta content.
      */
-    templateParams?: ResolvableArray<{
+    templateParams?: ResolvableProperties<{
         separator?: '|' | '-' | '·' | string;
-    } & Record<string, null | string | ResolvableArray<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.
@@ -117,21 +183,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 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?: ResolvableArray<SafeMeta>[];
-    link?: ResolvableArray<SafeLink>[];
-    noscript?: ResolvableArray<SafeNoscript>[];
-    script?: ResolvableArray<SafeScript>[];
-    htmlAttrs?: ResolvableArray<SafeHtmlAttr>;
-    bodyAttrs?: ResolvableArray<SafeBodyAttr>;
-}
-type UseHeadSafeInput = MaybeComputedRef<HeadSafe>;
+type VueHeadClient<T extends MergeHead> = Unhead<ResolvableValue<ReactiveHead<T>>> & Plugin;
 
-export type { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeComputedRef, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, Script, Style, Title, TitleTemplate, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, VueHeadClient };
+export type { Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeFalsey, Meta, Noscript, ReactiveHead, ResolvableArray, ResolvableProperties, ResolvableValue, SafeBodyAttr, SafeHtmlAttr, SafeLink, SafeMeta, SafeNoscript, SafeScript, SafeStyle, Script, Style, Title, TitleTemplate, UseHeadInput, UseHeadOptions, UseHeadSafeInput, UseSeoMetaInput, VueHeadClient };

package/dist/utils.d.mts

@@ -1 +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

@@ -1 +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.mjs

@@ -1 +1,10 @@
+import { walkResolver } from 'unhead/utils';
 export * from 'unhead/utils';
+import { V as VueResolver } from './shared/vue.CkLIG7eN.mjs';
+import 'vue';
+
+function resolveUnrefHeadInput(input) {
+  return walkResolver(input, VueResolver);
+}
+
+export { VueResolver, resolveUnrefHeadInput };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "2.0.0-alpha.12",
+  "version": "2.0.0-alpha.14",
   "description": "Full-stack <head> manager built for Vue.",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -86,9 +86,9 @@
     "client.d.ts",
     "dist",
     "legacy.d.ts",
+    "plugins.d.ts",
     "server.d.ts",
     "types.d.ts",
-    "plugins.d.ts",
     "utils.d.ts"
   ],
   "peerDependencies": {
@@ -101,7 +101,7 @@
   },
   "dependencies": {
     "hookable": "^5.5.3",
-    "unhead": "2.0.0-alpha.12"
+    "unhead": "2.0.0-alpha.14"
   },
   "scripts": {
     "build": "unbuild .",