@unhead/vue 1.0.22 → 1.1.0

package/dist/index.cjs

@@ -137,28 +137,21 @@ function serverUseHead(input, options = {}) {
   return head.push(input, options);
 }
 
-function useServerHead(input, options = {}) {
-  return useHead(input, { ...options, mode: "server" });
+function useHead(input, options = {}) {
+  const head = injectHead();
+  if (head) {
+    const isBrowser = IsBrowser || !!head.resolvedOptions?.document;
+    if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
+      return;
+    return isBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
+  }
 }
-const useServerTagTitle = (title) => useServerHead({ title });
-const useServerTitleTemplate = (titleTemplate) => useServerHead({ titleTemplate });
-const useServerTagMeta = (meta) => useServerHead({ meta: shared.asArray(meta) });
-const useServerTagMetaFlat = (meta) => {
-  const input = vue.ref({});
-  vue.watchEffect(() => {
-    input.value = unhead.unpackMeta(resolveUnrefHeadInput(meta));
-  });
-  return useServerHead({ meta: input });
-};
-const useServerTagLink = (link) => useServerHead({ link: shared.asArray(link) });
-const useServerTagScript = (script) => useServerHead({ script: shared.asArray(script) });
-const useServerTagStyle = (style) => useServerHead({ style: shared.asArray(style) });
-const useServerTagNoscript = (noscript) => useServerHead({ noscript: shared.asArray(noscript) });
-const useServerTagBase = (base) => useServerHead({ base });
-const useServerHtmlAttrs = (attrs) => useServerHead({ htmlAttrs: attrs });
-const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-const useSeoMeta = (input) => {
+function useHeadSafe(input, options = {}) {
+  return useHead(input, { ...options, transform: unhead.whitelistSafeInput });
+}
+
+const useSeoMeta = (input, options) => {
   const headInput = vue.ref({});
   vue.watchEffect(() => {
     const resolvedMeta = resolveUnrefHeadInput(input);
@@ -169,18 +162,21 @@ const useSeoMeta = (input) => {
       meta: unhead.unpackMeta(meta)
     };
   });
-  return useHead(headInput);
+  return useHead(headInput, options);
 };
 
-function useHead(input, options = {}) {
-  const head = injectHead();
-  if (head) {
-    const isBrowser = IsBrowser || !!head.resolvedOptions?.document;
-    if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
-      return;
-    return isBrowser ? clientUseHead(input, options) : serverUseHead(input, 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" });
+}
+
 const useTagTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });
 const useTagMeta = (meta) => useHead({ meta: shared.asArray(meta) });
@@ -198,6 +194,23 @@ const useTagNoscript = (noscript) => useHead({ noscript: shared.asArray(noscript
 const useTagBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
+const useServerTagTitle = (title) => useServerHead({ title });
+const useServerTitleTemplate = (titleTemplate) => useServerHead({ titleTemplate });
+const useServerTagMeta = (meta) => useServerHead({ meta: shared.asArray(meta) });
+const useServerTagMetaFlat = (meta) => {
+  const input = vue.ref({});
+  vue.watchEffect(() => {
+    input.value = unhead.unpackMeta(resolveUnrefHeadInput(meta));
+  });
+  return useServerHead({ meta: input });
+};
+const useServerTagLink = (link) => useServerHead({ link: shared.asArray(link) });
+const useServerTagScript = (script) => useServerHead({ script: shared.asArray(script) });
+const useServerTagStyle = (style) => useServerHead({ style: shared.asArray(style) });
+const useServerTagNoscript = (noscript) => useServerHead({ noscript: shared.asArray(noscript) });
+const useServerTagBase = (base) => useServerHead({ base });
+const useServerHtmlAttrs = (attrs) => useServerHead({ htmlAttrs: attrs });
+const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
 const coreComposableNames = [
   "injectHead"
@@ -217,11 +230,14 @@ exports.resolveUnrefHeadInput = resolveUnrefHeadInput;
 exports.unheadVueComposablesImports = unheadVueComposablesImports;
 exports.useBodyAttrs = useBodyAttrs;
 exports.useHead = useHead;
+exports.useHeadSafe = useHeadSafe;
 exports.useHtmlAttrs = useHtmlAttrs;
 exports.useSeoMeta = useSeoMeta;
 exports.useServerBodyAttrs = useServerBodyAttrs;
 exports.useServerHead = useServerHead;
+exports.useServerHeadSafe = useServerHeadSafe;
 exports.useServerHtmlAttrs = useServerHtmlAttrs;
+exports.useServerSeoMeta = useServerSeoMeta;
 exports.useServerTagBase = useServerTagBase;
 exports.useServerTagLink = useServerTagLink;
 exports.useServerTagMeta = useServerTagMeta;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { 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, MaybeFunctionEntries, BodyEvents, MergeHead, BaseHtmlAttr, MaybeArray, BaseBodyAttr, Unhead, CreateHeadOptions, HeadEntryOptions, MetaFlatInput, ActiveHeadEntry } from '@unhead/schema';
+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, MaybeFunctionEntries, BodyEvents, MergeHead, SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, Unhead, CreateHeadOptions, HeadEntryOptions, ActiveHeadEntry, MetaFlatInput } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { ComputedRef, Ref, Plugin } from 'vue';
 
@@ -50,6 +50,10 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
      * Generate the title from a template.
      */
     titleTemplate?: TitleTemplate;
+    /**
+     * Variables used to substitute in the title and meta content.
+     */
+    templateParams?: MaybeComputedRefEntries<Record<string, string>>;
     /**
      * 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.
@@ -77,20 +81,20 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
      */
-    style?: MaybeComputedRef<Style<E['style']>[]>;
+    style?: MaybeComputedRef<(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']>[]>;
+    script?: MaybeComputedRef<(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']>[]>;
+    noscript?: MaybeComputedRef<(Noscript<E['noscript']> | string)[]>;
     /**
      * Attributes for the <html> HTML element.
      *
@@ -106,6 +110,16 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
 }
 type UseHeadInput<T extends MergeHead = {}> = MaybeComputedRef<ReactiveHead<T>>;
 
+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>;
+
 declare function resolveUnrefHeadInput(ref: any, lastKey?: string | number): any;
 
 type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
@@ -121,40 +135,113 @@ declare const VueReactiveUseHeadPlugin: () => _unhead_schema.HeadPlugin;
 
 declare const Vue2ProvideUnheadPlugin: Plugin;
 
-declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void | _unhead_schema.ActiveHeadEntry<UseHeadInput<T>>;
-declare const useServerTagTitle: (title: ReactiveHead['title']) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagMeta: (meta: Arrayable<Meta>) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagMetaFlat: (meta: MaybeComputedRefEntries<MetaFlatInput>) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagLink: (link: Arrayable<Link>) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagScript: (script: Arrayable<Script>) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagStyle: (style: Arrayable<Style>) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagNoscript: (noscript: Arrayable<Noscript>) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerTagBase: (base: ReactiveHead['base']) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useServerBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void | _unhead_schema.ActiveHeadEntry<UseHeadInput<MergeHead>>;
+declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>> | void;
+
+declare function useHeadSafe(input: UseHeadSafeInput, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadSafeInput> | void;
 
 type UseSeoMetaInput = MaybeComputedRefEntries<MetaFlatInput> & {
     title?: ReactiveHead['title'];
     titleTemplate?: ReactiveHead['titleTemplate'];
 };
-declare const useSeoMeta: (input: UseSeoMetaInput) => ActiveHeadEntry<any> | void;
+declare const useSeoMeta: (input: UseSeoMetaInput, options?: HeadEntryOptions) => ActiveHeadEntry<any> | void;
 
-declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): ActiveHeadEntry<UseHeadInput<T>> | void;
-declare const useTagTitle: (title: ReactiveHead['title']) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagMeta: (meta: Arrayable<Meta>) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagMetaFlat: (meta: MaybeComputedRefEntries<MetaFlatInput>) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagLink: (link: Arrayable<Link>) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagScript: (script: Arrayable<Script>) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagStyle: (style: Arrayable<Style>) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagNoscript: (noscript: Arrayable<Noscript>) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useTagBase: (base: ReactiveHead['base']) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
-declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void | ActiveHeadEntry<UseHeadInput<MergeHead>>;
+declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void | _unhead_schema.ActiveHeadEntry<UseHeadInput<T>>;
+
+declare function useServerHeadSafe(input: UseHeadSafeInput, options?: HeadEntryOptions): void | _unhead_schema.ActiveHeadEntry<UseHeadSafeInput>;
+
+declare function useServerSeoMeta(input: UseSeoMetaInput, options?: HeadEntryOptions): ActiveHeadEntry<any> | void;
+
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagTitle: (title: ReactiveHead['title']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagMeta: (meta: Arrayable<Meta>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagMetaFlat: (meta: MaybeComputedRefEntries<MetaFlatInput>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagLink: (link: Arrayable<Link>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagScript: (script: Arrayable<Script>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagStyle: (style: Arrayable<Style>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagNoscript: (noscript: Arrayable<Noscript>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useTagBase: (base: ReactiveHead['base']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagTitle: (title: ReactiveHead['title']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagMeta: (meta: Arrayable<Meta>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagMetaFlat: (meta: MaybeComputedRefEntries<MetaFlatInput>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagLink: (link: Arrayable<Link>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagScript: (script: Arrayable<Script>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagStyle: (style: Arrayable<Style>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagNoscript: (noscript: Arrayable<Noscript>) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerTagBase: (base: ReactiveHead['base']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => ActiveHeadEntry<any> | void;
+/**
+ * @deprecated Use `useHead`
+ */
+declare const useServerBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => ActiveHeadEntry<any> | void;
 
 declare const unheadVueComposablesImports: {
     '@unhead/vue': string[];
 };
 
-export { Arrayable, Base, BodyAttributes, HtmlAttributes, Link, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefOrPromise, MaybeReadonlyRef, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, VueReactiveUseHeadPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useBodyAttrs, useHead, useHtmlAttrs, useSeoMeta, useServerBodyAttrs, useServerHead, useServerHtmlAttrs, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };
+export { Arrayable, Base, BodyAttr, BodyAttributes, HeadSafe, HtmlAttr, HtmlAttributes, Link, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefOrPromise, MaybeReadonlyRef, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, VueReactiveUseHeadPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useBodyAttrs, useHead, useHeadSafe, useHtmlAttrs, useSeoMeta, useServerBodyAttrs, useServerHead, useServerHeadSafe, useServerHtmlAttrs, useServerSeoMeta, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { getActiveHead, createHead as createHead$1, unpackMeta, composableNames } from 'unhead';
+import { getActiveHead, createHead as createHead$1, whitelistSafeInput, unpackMeta, composableNames } from 'unhead';
 export { createHeadCore } from 'unhead';
 import { unref, isRef, version, getCurrentInstance, inject, nextTick, ref, watchEffect, watch, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
 import { HasElementTags, defineHeadPlugin, asArray } from '@unhead/shared';
@@ -136,28 +136,21 @@ function serverUseHead(input, options = {}) {
   return head.push(input, options);
 }
 
-function useServerHead(input, options = {}) {
-  return useHead(input, { ...options, mode: "server" });
+function useHead(input, options = {}) {
+  const head = injectHead();
+  if (head) {
+    const isBrowser = IsBrowser || !!head.resolvedOptions?.document;
+    if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
+      return;
+    return isBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
+  }
 }
-const useServerTagTitle = (title) => useServerHead({ title });
-const useServerTitleTemplate = (titleTemplate) => useServerHead({ titleTemplate });
-const useServerTagMeta = (meta) => useServerHead({ meta: asArray(meta) });
-const useServerTagMetaFlat = (meta) => {
-  const input = ref({});
-  watchEffect(() => {
-    input.value = unpackMeta(resolveUnrefHeadInput(meta));
-  });
-  return useServerHead({ meta: input });
-};
-const useServerTagLink = (link) => useServerHead({ link: asArray(link) });
-const useServerTagScript = (script) => useServerHead({ script: asArray(script) });
-const useServerTagStyle = (style) => useServerHead({ style: asArray(style) });
-const useServerTagNoscript = (noscript) => useServerHead({ noscript: asArray(noscript) });
-const useServerTagBase = (base) => useServerHead({ base });
-const useServerHtmlAttrs = (attrs) => useServerHead({ htmlAttrs: attrs });
-const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-const useSeoMeta = (input) => {
+function useHeadSafe(input, options = {}) {
+  return useHead(input, { ...options, transform: whitelistSafeInput });
+}
+
+const useSeoMeta = (input, options) => {
   const headInput = ref({});
   watchEffect(() => {
     const resolvedMeta = resolveUnrefHeadInput(input);
@@ -168,18 +161,21 @@ const useSeoMeta = (input) => {
       meta: unpackMeta(meta)
     };
   });
-  return useHead(headInput);
+  return useHead(headInput, options);
 };
 
-function useHead(input, options = {}) {
-  const head = injectHead();
-  if (head) {
-    const isBrowser = IsBrowser || !!head.resolvedOptions?.document;
-    if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
-      return;
-    return isBrowser ? clientUseHead(input, options) : serverUseHead(input, 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" });
+}
+
 const useTagTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });
 const useTagMeta = (meta) => useHead({ meta: asArray(meta) });
@@ -197,6 +193,23 @@ const useTagNoscript = (noscript) => useHead({ noscript: asArray(noscript) });
 const useTagBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
+const useServerTagTitle = (title) => useServerHead({ title });
+const useServerTitleTemplate = (titleTemplate) => useServerHead({ titleTemplate });
+const useServerTagMeta = (meta) => useServerHead({ meta: asArray(meta) });
+const useServerTagMetaFlat = (meta) => {
+  const input = ref({});
+  watchEffect(() => {
+    input.value = unpackMeta(resolveUnrefHeadInput(meta));
+  });
+  return useServerHead({ meta: input });
+};
+const useServerTagLink = (link) => useServerHead({ link: asArray(link) });
+const useServerTagScript = (script) => useServerHead({ script: asArray(script) });
+const useServerTagStyle = (style) => useServerHead({ style: asArray(style) });
+const useServerTagNoscript = (noscript) => useServerHead({ noscript: asArray(noscript) });
+const useServerTagBase = (base) => useServerHead({ base });
+const useServerHtmlAttrs = (attrs) => useServerHead({ htmlAttrs: attrs });
+const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
 const coreComposableNames = [
   "injectHead"
@@ -205,4 +218,4 @@ const unheadVueComposablesImports = {
   "@unhead/vue": [...coreComposableNames, ...composableNames]
 };
 
-export { Vue2ProvideUnheadPlugin, VueHeadMixin, VueReactiveUseHeadPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useBodyAttrs, useHead, useHtmlAttrs, useSeoMeta, useServerBodyAttrs, useServerHead, useServerHtmlAttrs, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };
+export { Vue2ProvideUnheadPlugin, VueHeadMixin, VueReactiveUseHeadPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useBodyAttrs, useHead, useHeadSafe, useHtmlAttrs, useSeoMeta, useServerBodyAttrs, useServerHead, useServerHeadSafe, useServerHtmlAttrs, useServerSeoMeta, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.0.22",
-  "packageManager": "pnpm@7.26.3",
+  "version": "1.1.0",
+  "packageManager": "pnpm@7.27.1",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -34,9 +34,9 @@
   },
   "dependencies": {
     "hookable": "^5.4.2",
-    "@unhead/schema": "1.0.22",
-    "unhead": "1.0.22",
-    "@unhead/shared": "1.0.22"
+    "@unhead/schema": "1.1.0",
+    "@unhead/shared": "1.1.0",
+    "unhead": "1.1.0"
   },
   "devDependencies": {
     "vue": "^3.2.47"