@unhead/vue 2.1.9 → 3.0.0-beta.10

package/dist/stream/server.d.mts

@@ -0,0 +1,50 @@
+import * as vue from 'vue';
+import { WebStreamableHeadContext } from 'unhead/stream/server';
+export { CreateStreamableServerHeadOptions, StreamingTemplateParts, prepareStreamingTemplate, renderSSRHeadShell, renderSSRHeadSuspenseChunk, wrapStream } from 'unhead/stream/server';
+import { ResolvableHead, CreateStreamableServerHeadOptions } from 'unhead/types';
+import { V as VueHeadClient } from '../shared/vue.9wC_EyGs.mjs';
+
+/**
+ * Streaming script component - outputs inline script with current head state.
+ * The Vite plugin with streaming: true auto-injects this.
+ */
+declare const HeadStream: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+/**
+ * Vue-specific context returned by createStreamableHead.
+ * Extends WebStreamableHeadContext with Vue-specific head type.
+ */
+interface VueStreamableHeadContext extends Omit<WebStreamableHeadContext<ResolvableHead>, 'head'> {
+    /**
+     * The Vue head instance to use with app.use(head)
+     */
+    head: VueHeadClient;
+}
+/**
+ * Creates a head instance configured for Vue streaming SSR.
+ *
+ * @example
+ * ```ts
+ * export async function render(url: string, template: string) {
+ *   const { app, router } = createApp()
+ *   const { head, wrapStream } = createStreamableHead()
+ *
+ *   app.use(head)
+ *   app.mixin(VueHeadMixin)
+ *   router.push(url)
+ *
+ *   // Create stream first - Vue starts rendering synchronously
+ *   const vueStream = renderToWebStream(app)
+ *
+ *   // Wait for router - by now Vue's sync render has pushed head entries
+ *   await router.isReady()
+ *
+ *   return wrapStream(vueStream, template)
+ * }
+ * ```
+ */
+declare function createStreamableHead(options?: Omit<CreateStreamableServerHeadOptions, 'propsResolver'>): VueStreamableHeadContext;
+
+export { HeadStream, VueHeadClient, createStreamableHead };
+export type { VueStreamableHeadContext };

package/dist/stream/server.d.ts

@@ -0,0 +1,50 @@
+import * as vue from 'vue';
+import { WebStreamableHeadContext } from 'unhead/stream/server';
+export { CreateStreamableServerHeadOptions, StreamingTemplateParts, prepareStreamingTemplate, renderSSRHeadShell, renderSSRHeadSuspenseChunk, wrapStream } from 'unhead/stream/server';
+import { ResolvableHead, CreateStreamableServerHeadOptions } from 'unhead/types';
+import { V as VueHeadClient } from '../shared/vue.9wC_EyGs.js';
+
+/**
+ * Streaming script component - outputs inline script with current head state.
+ * The Vite plugin with streaming: true auto-injects this.
+ */
+declare const HeadStream: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+/**
+ * Vue-specific context returned by createStreamableHead.
+ * Extends WebStreamableHeadContext with Vue-specific head type.
+ */
+interface VueStreamableHeadContext extends Omit<WebStreamableHeadContext<ResolvableHead>, 'head'> {
+    /**
+     * The Vue head instance to use with app.use(head)
+     */
+    head: VueHeadClient;
+}
+/**
+ * Creates a head instance configured for Vue streaming SSR.
+ *
+ * @example
+ * ```ts
+ * export async function render(url: string, template: string) {
+ *   const { app, router } = createApp()
+ *   const { head, wrapStream } = createStreamableHead()
+ *
+ *   app.use(head)
+ *   app.mixin(VueHeadMixin)
+ *   router.push(url)
+ *
+ *   // Create stream first - Vue starts rendering synchronously
+ *   const vueStream = renderToWebStream(app)
+ *
+ *   // Wait for router - by now Vue's sync render has pushed head entries
+ *   await router.isReady()
+ *
+ *   return wrapStream(vueStream, template)
+ * }
+ * ```
+ */
+declare function createStreamableHead(options?: Omit<CreateStreamableServerHeadOptions, 'propsResolver'>): VueStreamableHeadContext;
+
+export { HeadStream, VueHeadClient, createStreamableHead };
+export type { VueStreamableHeadContext };

package/dist/stream/server.mjs

@@ -0,0 +1,43 @@
+import { renderSSRHeadSuspenseChunk, createStreamableHead as createStreamableHead$1, wrapStream } from 'unhead/stream/server';
+export { prepareStreamingTemplate, renderSSRHeadShell, renderSSRHeadSuspenseChunk, wrapStream } from 'unhead/stream/server';
+import { defineComponent, h } from 'vue';
+import { i as injectHead, v as vueInstall } from '../shared/vue.DdPIVN-K.mjs';
+import { V as VueResolver } from '../shared/vue.N9zWjxoK.mjs';
+import 'unhead/plugins';
+import 'unhead/utils';
+
+const HeadStream = defineComponent({
+  name: "HeadStream",
+  setup() {
+    const head = injectHead();
+    return () => {
+      if (!head._shellRendered?.())
+        return null;
+      const update = renderSSRHeadSuspenseChunk(head);
+      if (!update)
+        return null;
+      return h("script", { innerHTML: update });
+    };
+  }
+});
+function createStreamableHead(options = {}) {
+  const { head } = createStreamableHead$1({
+    ...options,
+    propResolvers: [VueResolver]
+  });
+  const vueHead = head;
+  vueHead.install = vueInstall(vueHead);
+  let shellRendered = false;
+  vueHead._shellRendered = () => shellRendered;
+  return {
+    head: vueHead,
+    wrapStream: (stream, template) => {
+      const preRenderedState = vueHead.render();
+      vueHead.entries.clear();
+      shellRendered = true;
+      return wrapStream(vueHead, stream, template, preRenderedState);
+    }
+  };
+}
+
+export { HeadStream, createStreamableHead };

package/dist/stream/vite.d.mts

@@ -0,0 +1,27 @@
+import * as vite from 'vite';
+import { StreamingPluginOptions } from 'unhead/stream/vite';
+
+/**
+ * Vite plugin for Vue streaming SSR support.
+ * Automatically injects HeadStream components into Vue SFC templates.
+ *
+ * @returns Vite plugin configuration object with:
+ *   - `name`: Plugin identifier
+ *   - `enforce`: Plugin execution order ('pre')
+ *   - `transform`: Transform hook for processing .vue files
+ *
+ * @example
+ * ```ts
+ * // vite.config.ts
+ * import { unheadVuePlugin } from '@unhead/vue/stream/vite'
+ *
+ * export default {
+ *   plugins: [
+ *     unheadVuePlugin()
+ *   ]
+ * }
+ * ```
+ */
+declare function unheadVuePlugin(options?: Pick<StreamingPluginOptions, 'mode'>): vite.Plugin<any>;
+
+export { unheadVuePlugin as default, unheadVuePlugin };

package/dist/stream/vite.d.ts

@@ -0,0 +1,27 @@
+import * as vite from 'vite';
+import { StreamingPluginOptions } from 'unhead/stream/vite';
+
+/**
+ * Vite plugin for Vue streaming SSR support.
+ * Automatically injects HeadStream components into Vue SFC templates.
+ *
+ * @returns Vite plugin configuration object with:
+ *   - `name`: Plugin identifier
+ *   - `enforce`: Plugin execution order ('pre')
+ *   - `transform`: Transform hook for processing .vue files
+ *
+ * @example
+ * ```ts
+ * // vite.config.ts
+ * import { unheadVuePlugin } from '@unhead/vue/stream/vite'
+ *
+ * export default {
+ *   plugins: [
+ *     unheadVuePlugin()
+ *   ]
+ * }
+ * ```
+ */
+declare function unheadVuePlugin(options?: Pick<StreamingPluginOptions, 'mode'>): vite.Plugin<any>;
+
+export { unheadVuePlugin as default, unheadVuePlugin };

package/dist/stream/vite.mjs

@@ -0,0 +1,67 @@
+import MagicString from 'magic-string';
+import { parseAndWalk } from 'oxc-walker';
+import { createStreamingPlugin } from 'unhead/stream/vite';
+
+function transform(code, id, isSSR, s) {
+  if (!code.includes("useHead") && !code.includes("useSeoMeta") && !code.includes("useHeadSafe"))
+    return false;
+  const templateMatch = code.match(/<template[^>]*>/);
+  if (!templateMatch)
+    return false;
+  const templateStart = templateMatch.index + templateMatch[0].length;
+  s.appendRight(templateStart, "<HeadStream />");
+  const importPath = `@unhead/vue/stream/${isSSR ? "server" : "client"}`;
+  const scriptMatch = code.match(/<script[^>]*>/i);
+  if (!scriptMatch)
+    return true;
+  const scriptEnd = scriptMatch.index + scriptMatch[0].length;
+  const scriptCloseIndex = code.indexOf("<\/script>", scriptEnd);
+  if (scriptCloseIndex === -1)
+    return true;
+  const scriptContent = code.slice(scriptEnd, scriptCloseIndex);
+  let existingImport = null;
+  parseAndWalk(scriptContent, id, {
+    parseOptions: { lang: "ts" },
+    enter(node) {
+      if (node.type === "ImportDeclaration" && node.source.value === importPath) {
+        existingImport = {
+          start: scriptEnd + node.start,
+          end: scriptEnd + node.end,
+          specifiers: node.specifiers?.map((spec) => spec.local?.name).filter(Boolean) || []
+        };
+        this.skip();
+      }
+    }
+  });
+  const foundImport = existingImport;
+  if (foundImport) {
+    if (!foundImport.specifiers.includes("HeadStream")) {
+      const inner = foundImport.specifiers.join(", ");
+      const newImports = inner ? `${inner}, HeadStream` : "HeadStream";
+      s.overwrite(foundImport.start, foundImport.end, `import { ${newImports} } from '${importPath}'
+`);
+    }
+  } else {
+    s.appendRight(scriptEnd, `
+import { HeadStream } from '${importPath}'`);
+  }
+  return true;
+}
+function unheadVuePlugin(options) {
+  return createStreamingPlugin({
+    framework: "@unhead/vue",
+    filter: /\.vue$/,
+    mode: options?.mode,
+    transform(code, id, opts) {
+      const s = new MagicString(code);
+      if (!transform(code, id, opts?.ssr ?? false, s))
+        return null;
+      return {
+        code: s.toString(),
+        map: s.generateMap({ includeContent: true, source: id })
+      };
+    }
+  });
+}
+
+export { unheadVuePlugin as default, unheadVuePlugin };

package/dist/types.d.mts

@@ -1,9 +1,71 @@
-import { RawInput } from 'unhead/types';
-export { ActiveHeadEntry, AriaAttributes, BodyAttributesWithoutEvents, BodyEvents, DataKeys, GlobalAttributes, Head, HeadEntryOptions, HeadTag, HttpEventAttributes, LinkWithoutEvents, MergeHead, MetaFlat, MetaFlatInput, RawInput, RenderSSRHeadOptions, ResolvableHead, ScriptWithoutEvents, SerializableHead, SpeculationRules, Unhead } from 'unhead/types';
-export { H as HeadSafe, S as SafeBodyAttr, a as SafeHtmlAttr, c as SafeLink, b as SafeMeta, e as SafeNoscript, d as SafeScript, f as SafeStyle, U as UseHeadSafeInput } from './shared/vue.DMlT7xkj.mjs';
-export { B as BodyAttr, D as DeepResolvableProperties, H as HtmlAttr, M as MaybeFalsy, l as ReactiveHead, n as ResolvableArray, d as ResolvableBase, k as ResolvableBodyAttributes, j as ResolvableHtmlAttributes, e as ResolvableLink, f as ResolvableMeta, i as ResolvableNoscript, o as ResolvableProperties, h as ResolvableScript, g as ResolvableStyle, R as ResolvableTitle, c as ResolvableTitleTemplate, p as ResolvableUnion, m as ResolvableValue, U as UseHeadInput, a as UseHeadOptions, b as UseSeoMetaInput, V as VueHeadClient } from './shared/vue.DoxLTFJk.mjs';
+import { ResolvableHead, GenericLink, DataKeys, SchemaAugmentations, MetaGeneric, Style as Style$1, GenericScript, TagPriority, TagPosition, ResolvesDuplicates, ProcessesTemplateParams, Noscript as Noscript$1, HtmlAttributes as HtmlAttributes$1, BodyAttributesWithoutEvents, RawInput } from 'unhead/types';
+export { ActiveHeadEntry, AriaAttributes, BodyAttributesWithoutEvents, BodyEvents, DataKeys, GenericLink, GenericScript, GlobalAttributes, HeadEntryOptions, HeadTag, HttpEventAttributes, MetaFlat, MetaFlat as MetaFlatInput, RawInput, RenderSSRHeadOptions, ResolvableHead, SerializableHead, SpeculationRules, Unhead } from 'unhead/types';
+import { R as ResolvableValue, a as ResolvableProperties } from './shared/vue.9wC_EyGs.mjs';
+export { B as BodyAttr, D as DeepResolvableProperties, b as Head, H as HtmlAttr, M as MaybeFalsy, b as ReactiveHead, o as ResolvableArray, e as ResolvableBase, l as ResolvableBodyAttributes, k as ResolvableHtmlAttributes, f as ResolvableLink, g as ResolvableMeta, j as ResolvableNoscript, i as ResolvableScript, h as ResolvableStyle, c as ResolvableTitle, d as ResolvableTitleTemplate, p as ResolvableUnion, m as UseHeadInput, U as UseHeadOptions, n as UseSeoMetaInput, V as VueHeadClient } from './shared/vue.9wC_EyGs.mjs';
 import 'vue';
 
+type SafeBodyAttr = ResolvableProperties<Pick<BodyAttributesWithoutEvents, 'id' | 'class' | 'style'> & DataKeys & SchemaAugmentations['bodyAttrs']>;
+type SafeHtmlAttr = ResolvableProperties<Pick<HtmlAttributes$1, 'id' | 'class' | 'style' | 'lang' | 'dir'> & DataKeys & SchemaAugmentations['htmlAttrs']>;
+type SafeMeta = ResolvableProperties<Pick<MetaGeneric, 'id' | 'name' | 'property' | 'charset' | 'content' | 'media'> & DataKeys & SchemaAugmentations['meta']>;
+type SafeLink = ResolvableProperties<Pick<GenericLink, 'id' | 'color' | 'crossorigin' | 'fetchpriority' | 'href' | 'hreflang' | 'imagesrcset' | 'imagesizes' | 'integrity' | 'media' | 'referrerpolicy' | 'rel' | 'sizes' | 'type'> & DataKeys & SchemaAugmentations['link']>;
+type SafeScript = ResolvableProperties<Pick<GenericScript, 'id' | 'type' | 'nonce' | 'blocking'> & DataKeys & {
+    textContent?: string;
+} & TagPriority & TagPosition & ResolvesDuplicates & ProcessesTemplateParams>;
+type SafeNoscript = ResolvableProperties<Pick<Noscript$1, 'id'> & DataKeys & Omit<SchemaAugmentations['noscript'], 'innerHTML'>>;
+type SafeStyle = ResolvableProperties<Pick<Style$1, 'id' | 'media' | 'nonce' | 'title' | 'blocking'> & DataKeys & Omit<SchemaAugmentations['style'], 'innerHTML'>>;
+interface HeadSafe extends Pick<ResolvableHead, '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>;
+
+/** @deprecated */
+type MergeHead = object;
+
 type Base = RawInput<'base'>;
 type HtmlAttributes = RawInput<'htmlAttrs'>;
 type Noscript = RawInput<'noscript'>;
@@ -13,4 +75,5 @@ type Script = RawInput<'script'>;
 type Link = RawInput<'link'>;
 type BodyAttributes = RawInput<'bodyAttrs'>;
 
-export type { Base, BodyAttributes, HtmlAttributes, Link, Meta, Noscript, Script, Style };
+export { ResolvableProperties, ResolvableValue };
+export type { Base, BodyAttributes, HeadSafe, HtmlAttributes, Link, MergeHead, Meta, Noscript, SafeBodyAttr, SafeHtmlAttr, SafeLink, SafeMeta, SafeNoscript, SafeScript, SafeStyle, Script, Style, UseHeadSafeInput };

package/dist/types.d.ts

@@ -1,9 +1,71 @@
-import { RawInput } from 'unhead/types';
-export { ActiveHeadEntry, AriaAttributes, BodyAttributesWithoutEvents, BodyEvents, DataKeys, GlobalAttributes, Head, HeadEntryOptions, HeadTag, HttpEventAttributes, LinkWithoutEvents, MergeHead, MetaFlat, MetaFlatInput, RawInput, RenderSSRHeadOptions, ResolvableHead, ScriptWithoutEvents, SerializableHead, SpeculationRules, Unhead } from 'unhead/types';
-export { H as HeadSafe, S as SafeBodyAttr, a as SafeHtmlAttr, c as SafeLink, b as SafeMeta, e as SafeNoscript, d as SafeScript, f as SafeStyle, U as UseHeadSafeInput } from './shared/vue.CzjZUNjB.js';
-export { B as BodyAttr, D as DeepResolvableProperties, H as HtmlAttr, M as MaybeFalsy, l as ReactiveHead, n as ResolvableArray, d as ResolvableBase, k as ResolvableBodyAttributes, j as ResolvableHtmlAttributes, e as ResolvableLink, f as ResolvableMeta, i as ResolvableNoscript, o as ResolvableProperties, h as ResolvableScript, g as ResolvableStyle, R as ResolvableTitle, c as ResolvableTitleTemplate, p as ResolvableUnion, m as ResolvableValue, U as UseHeadInput, a as UseHeadOptions, b as UseSeoMetaInput, V as VueHeadClient } from './shared/vue.DoxLTFJk.js';
+import { ResolvableHead, GenericLink, DataKeys, SchemaAugmentations, MetaGeneric, Style as Style$1, GenericScript, TagPriority, TagPosition, ResolvesDuplicates, ProcessesTemplateParams, Noscript as Noscript$1, HtmlAttributes as HtmlAttributes$1, BodyAttributesWithoutEvents, RawInput } from 'unhead/types';
+export { ActiveHeadEntry, AriaAttributes, BodyAttributesWithoutEvents, BodyEvents, DataKeys, GenericLink, GenericScript, GlobalAttributes, HeadEntryOptions, HeadTag, HttpEventAttributes, MetaFlat, MetaFlat as MetaFlatInput, RawInput, RenderSSRHeadOptions, ResolvableHead, SerializableHead, SpeculationRules, Unhead } from 'unhead/types';
+import { R as ResolvableValue, a as ResolvableProperties } from './shared/vue.9wC_EyGs.js';
+export { B as BodyAttr, D as DeepResolvableProperties, b as Head, H as HtmlAttr, M as MaybeFalsy, b as ReactiveHead, o as ResolvableArray, e as ResolvableBase, l as ResolvableBodyAttributes, k as ResolvableHtmlAttributes, f as ResolvableLink, g as ResolvableMeta, j as ResolvableNoscript, i as ResolvableScript, h as ResolvableStyle, c as ResolvableTitle, d as ResolvableTitleTemplate, p as ResolvableUnion, m as UseHeadInput, U as UseHeadOptions, n as UseSeoMetaInput, V as VueHeadClient } from './shared/vue.9wC_EyGs.js';
 import 'vue';
 
+type SafeBodyAttr = ResolvableProperties<Pick<BodyAttributesWithoutEvents, 'id' | 'class' | 'style'> & DataKeys & SchemaAugmentations['bodyAttrs']>;
+type SafeHtmlAttr = ResolvableProperties<Pick<HtmlAttributes$1, 'id' | 'class' | 'style' | 'lang' | 'dir'> & DataKeys & SchemaAugmentations['htmlAttrs']>;
+type SafeMeta = ResolvableProperties<Pick<MetaGeneric, 'id' | 'name' | 'property' | 'charset' | 'content' | 'media'> & DataKeys & SchemaAugmentations['meta']>;
+type SafeLink = ResolvableProperties<Pick<GenericLink, 'id' | 'color' | 'crossorigin' | 'fetchpriority' | 'href' | 'hreflang' | 'imagesrcset' | 'imagesizes' | 'integrity' | 'media' | 'referrerpolicy' | 'rel' | 'sizes' | 'type'> & DataKeys & SchemaAugmentations['link']>;
+type SafeScript = ResolvableProperties<Pick<GenericScript, 'id' | 'type' | 'nonce' | 'blocking'> & DataKeys & {
+    textContent?: string;
+} & TagPriority & TagPosition & ResolvesDuplicates & ProcessesTemplateParams>;
+type SafeNoscript = ResolvableProperties<Pick<Noscript$1, 'id'> & DataKeys & Omit<SchemaAugmentations['noscript'], 'innerHTML'>>;
+type SafeStyle = ResolvableProperties<Pick<Style$1, 'id' | 'media' | 'nonce' | 'title' | 'blocking'> & DataKeys & Omit<SchemaAugmentations['style'], 'innerHTML'>>;
+interface HeadSafe extends Pick<ResolvableHead, '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>;
+
+/** @deprecated */
+type MergeHead = object;
+
 type Base = RawInput<'base'>;
 type HtmlAttributes = RawInput<'htmlAttrs'>;
 type Noscript = RawInput<'noscript'>;
@@ -13,4 +75,5 @@ type Script = RawInput<'script'>;
 type Link = RawInput<'link'>;
 type BodyAttributes = RawInput<'bodyAttrs'>;
 
-export type { Base, BodyAttributes, HtmlAttributes, Link, Meta, Noscript, Script, Style };
+export { ResolvableProperties, ResolvableValue };
+export type { Base, BodyAttributes, HeadSafe, HtmlAttributes, Link, MergeHead, Meta, Noscript, SafeBodyAttr, SafeHtmlAttr, SafeLink, SafeMeta, SafeNoscript, SafeScript, SafeStyle, Script, Style, UseHeadSafeInput };

package/dist/utils.d.mts

@@ -3,9 +3,4 @@ export * from 'unhead/utils';
 
 declare const VueResolver: PropResolver;
 
-/**
- * @deprecated Use head.resolveTags() instead
- */
-declare function resolveUnrefHeadInput<T extends Record<string, any>>(input: T): T;
-
-export { VueResolver, resolveUnrefHeadInput };
+export { VueResolver };

package/dist/utils.d.ts

@@ -3,9 +3,4 @@ export * from 'unhead/utils';
 
 declare const VueResolver: PropResolver;
 
-/**
- * @deprecated Use head.resolveTags() instead
- */
-declare function resolveUnrefHeadInput<T extends Record<string, any>>(input: T): T;
-
-export { VueResolver, resolveUnrefHeadInput };
+export { VueResolver };

package/dist/utils.mjs

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "2.1.9",
+  "version": "3.0.0-beta.10",
   "description": "Full-stack <head> manager built for Vue.",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -37,14 +37,18 @@
       "types": "./dist/client.d.ts",
       "default": "./dist/client.mjs"
     },
+    "./stream/server": {
+      "types": "./dist/stream/server.d.ts",
+      "default": "./dist/stream/server.mjs"
+    },
+    "./stream/client": {
+      "types": "./dist/stream/client.d.ts",
+      "default": "./dist/stream/client.mjs"
+    },
     "./types": {
       "types": "./dist/types.d.ts",
       "default": "./dist/types.mjs"
     },
-    "./legacy": {
-      "types": "./dist/legacy.d.ts",
-      "default": "./dist/legacy.mjs"
-    },
     "./plugins": {
       "types": "./dist/plugins.d.ts",
       "default": "./dist/plugins.mjs"
@@ -56,6 +60,10 @@
     "./scripts": {
       "types": "./dist/scripts.d.ts",
       "default": "./dist/scripts.mjs"
+    },
+    "./stream/vite": {
+      "types": "./dist/stream/vite.d.ts",
+      "default": "./dist/stream/vite.mjs"
     }
   },
   "main": "dist/index.mjs",
@@ -72,12 +80,15 @@
       "client": [
         "dist/client"
       ],
+      "stream/server": [
+        "dist/stream/server"
+      ],
+      "stream/client": [
+        "dist/stream/client"
+      ],
       "types": [
         "dist/types"
       ],
-      "legacy": [
-        "dist/legacy"
-      ],
       "plugins": [
         "dist/plugins"
       ],
@@ -86,6 +97,9 @@
       ],
       "scripts": [
         "dist/scripts"
+      ],
+      "stream/vite": [
+        "dist/stream/vite"
       ]
     }
   },
@@ -94,8 +108,14 @@
     "dist"
   ],
   "peerDependencies": {
+    "vite": ">=6",
     "vue": ">=3.5.18"
   },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
+  },
   "build": {
     "external": [
       "vue"
@@ -103,10 +123,14 @@
   },
   "dependencies": {
     "hookable": "^6.0.1",
-    "unhead": "2.1.9"
+    "magic-string": "^0.30.21",
+    "oxc-parser": "^0.106.0",
+    "oxc-walker": "^0.7.0",
+    "unhead": "3.0.0-beta.10"
   },
   "devDependencies": {
     "@vue/server-renderer": "^3.5.26",
+    "vite": "^7.2.2",
     "vue": "^3.5.26"
   },
   "scripts": {

package/dist/legacy.d.mts

@@ -1,34 +0,0 @@
-import * as unhead_types from 'unhead/types';
-import { CreateClientHeadOptions, ActiveHeadEntry } from 'unhead/types';
-import { createUnhead } from 'unhead';
-import { V as VueHeadClient, U as UseHeadInput, a as UseHeadOptions, b as UseSeoMetaInput } from './shared/vue.DoxLTFJk.mjs';
-import { U as UseHeadSafeInput } from './shared/vue.DMlT7xkj.mjs';
-import 'vue';
-
-declare const createHeadCore: typeof createUnhead;
-declare function resolveUnrefHeadInput(input: any): any;
-declare function CapoPlugin(): unhead_types.HeadPluginInput;
-declare function createHead(options?: CreateClientHeadOptions): VueHeadClient;
-declare function createServerHead(options?: CreateClientHeadOptions): VueHeadClient;
-/**
- * @deprecated Please switch to non-legacy version
- */
-declare function setHeadInjectionHandler(handler: () => VueHeadClient<any> | undefined): void;
-declare function injectHead(): VueHeadClient<any> | undefined;
-declare function useHead(input: UseHeadInput, options?: UseHeadOptions): ActiveHeadEntry<UseHeadInput> | void;
-declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-/**
- * @deprecated use `useHead` instead. Advanced use cases should tree shake using import.meta.* if statements.
- */
-declare function useServerHead(input: UseHeadInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-/**
- * @deprecated use `useHeadSafe` instead. Advanced use cases should tree shake using import.meta.* if statements.
- */
-declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-/**
- * @deprecated use `useSeoMeta` instead. Advanced use cases should tree shake using import.meta.* if statements.
- */
-declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-
-export { CapoPlugin, createHead, createHeadCore, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/legacy.d.ts

@@ -1,34 +0,0 @@
-import * as unhead_types from 'unhead/types';
-import { CreateClientHeadOptions, ActiveHeadEntry } from 'unhead/types';
-import { createUnhead } from 'unhead';
-import { V as VueHeadClient, U as UseHeadInput, a as UseHeadOptions, b as UseSeoMetaInput } from './shared/vue.DoxLTFJk.js';
-import { U as UseHeadSafeInput } from './shared/vue.CzjZUNjB.js';
-import 'vue';
-
-declare const createHeadCore: typeof createUnhead;
-declare function resolveUnrefHeadInput(input: any): any;
-declare function CapoPlugin(): unhead_types.HeadPluginInput;
-declare function createHead(options?: CreateClientHeadOptions): VueHeadClient;
-declare function createServerHead(options?: CreateClientHeadOptions): VueHeadClient;
-/**
- * @deprecated Please switch to non-legacy version
- */
-declare function setHeadInjectionHandler(handler: () => VueHeadClient<any> | undefined): void;
-declare function injectHead(): VueHeadClient<any> | undefined;
-declare function useHead(input: UseHeadInput, options?: UseHeadOptions): ActiveHeadEntry<UseHeadInput> | void;
-declare function useHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-declare function useSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-/**
- * @deprecated use `useHead` instead. Advanced use cases should tree shake using import.meta.* if statements.
- */
-declare function useServerHead(input: UseHeadInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-/**
- * @deprecated use `useHeadSafe` instead. Advanced use cases should tree shake using import.meta.* if statements.
- */
-declare function useServerHeadSafe(input: UseHeadSafeInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-/**
- * @deprecated use `useSeoMeta` instead. Advanced use cases should tree shake using import.meta.* if statements.
- */
-declare function useServerSeoMeta(input: UseSeoMetaInput, options?: UseHeadOptions): ActiveHeadEntry<any> | void;
-
-export { CapoPlugin, createHead, createHeadCore, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, useHead, useHeadSafe, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };