@unhead/vue 0.1.3 → 0.2.0

package/dist/index.cjs

@@ -26,21 +26,16 @@ function asArray(value) {
   return Array.isArray(value) ? value : [value];
 }
 
-const VueTriggerDomPatchingOnUpdatesPlugin = () => {
+const VueTriggerDomPatchingOnUpdatesPlugin = (options) => {
   return unhead.defineHeadPlugin({
     hooks: {
       "entries:updated": function(head) {
-        dom.debouncedRenderDOMHead(vue.nextTick, head);
+        dom.debouncedRenderDOMHead(vue.nextTick, head, { document: options?.document });
       }
     }
   });
 };
 
-const vueTriggerDomPatchingOnUpdatesPlugin = {
-  __proto__: null,
-  VueTriggerDomPatchingOnUpdatesPlugin: VueTriggerDomPatchingOnUpdatesPlugin
-};
-
 const VueReactiveInputPlugin = () => {
   return unhead.defineHeadPlugin({
     hooks: {
@@ -112,17 +107,13 @@ const headSymbol = Symbol("unhead");
 function injectHead() {
   return vue.getCurrentInstance() && vue.inject(headSymbol) || unhead.getActiveHead();
 }
-async function createHead(options = {}) {
+function createHead(options = {}) {
   const plugins = [
     unhead.HydratesStatePlugin(),
     VueReactiveInputPlugin(),
     ...options?.plugins || []
   ];
-  if (IsBrowser) {
-    const { VueTriggerDomPatchingOnUpdatesPlugin } = await Promise.resolve().then(function () { return vueTriggerDomPatchingOnUpdatesPlugin; });
-    plugins.push(VueTriggerDomPatchingOnUpdatesPlugin());
-  }
-  const head = await unhead.createHead({
+  const head = unhead.createHead({
     ...options,
     plugins
   });
@@ -148,6 +139,16 @@ async function createHead(options = {}) {
   return { ...vuePlugin, ...head };
 }
 
+function createDomHead(options = {}) {
+  return createHead({
+    ...options,
+    plugins: [
+      VueTriggerDomPatchingOnUpdatesPlugin({ document: options?.document }),
+      ...options.plugins || []
+    ]
+  });
+}
+
 const HeadVuePlugin = function(_Vue) {
   _Vue.mixin({
     beforeCreate() {
@@ -178,6 +179,7 @@ exports.HeadVuePlugin = HeadVuePlugin;
 exports.VueReactiveInputPlugin = VueReactiveInputPlugin;
 exports.VueTriggerDomPatchingOnUpdatesPlugin = VueTriggerDomPatchingOnUpdatesPlugin;
 exports.asArray = asArray;
+exports.createDomHead = createDomHead;
 exports.createHead = createHead;
 exports.headSymbol = headSymbol;
 exports.injectHead = injectHead;

package/dist/index.d.ts

@@ -3,8 +3,9 @@ export { MaybeComputedRef } from '@vueuse/shared';
 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, MergeHead, BaseHtmlAttr, MaybeArray, BaseBodyAttr, HeadEntryOptions, HeadClient, CreateHeadOptions } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadClient, HeadEntryOptions, HeadTag, MergeHead } from '@unhead/schema';
-import { Plugin } from 'vue';
+import { RenderDomHeadOptions } from '@unhead/dom';
 export * from '@unhead/dom';
+import { Plugin } from 'vue';
 
 declare type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
     [key in keyof T]?: MaybeComputedRef<T[key]>;
@@ -103,17 +104,17 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
      */
     bodyAttrs?: BodyAttributes<E['bodyAttrs']>;
 }
-declare type UseHeadInput = MaybeComputedRef<ReactiveHead>;
+declare type UseHeadInput<T extends MergeHead = {}> = MaybeComputedRef<ReactiveHead<T>>;
 
 declare function resolveUnrefHeadInput(ref: any): any;
 declare function asArray<T>(value: Arrayable<T>): T[];
 
-declare const VueTriggerDomPatchingOnUpdatesPlugin: () => _unhead_schema.HeadPlugin;
+declare const VueTriggerDomPatchingOnUpdatesPlugin: (options?: RenderDomHeadOptions) => _unhead_schema.HeadPlugin;
 
 declare const VueReactiveInputPlugin: () => _unhead_schema.HeadPlugin;
 
-declare function useServerHead(input: ReactiveHead, options?: HeadEntryOptions): void;
-declare function useHead(input: UseHeadInput, options?: HeadEntryOptions): void;
+declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;
+declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;
 declare const useTitle: (title: ReactiveHead['title']) => void;
 declare const useTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => void;
 declare const useMeta: (meta: Arrayable<Meta>) => void;
@@ -128,8 +129,12 @@ declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void;
 declare type VueHeadClient<T extends MergeHead> = HeadClient<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
 declare const headSymbol: unique symbol;
 declare function injectHead<T extends MergeHead>(): VueHeadClient<T>;
-declare function createHead<T extends MergeHead>(options?: CreateHeadOptions): Promise<VueHeadClient<T>>;
+declare function createHead<T extends MergeHead>(options?: CreateHeadOptions): VueHeadClient<T>;
+
+declare function createDomHead<T extends MergeHead>(options?: CreateHeadOptions & {
+    document?: Document;
+}): VueHeadClient<T>;
 
 declare const HeadVuePlugin: Plugin;
 
-export { Arrayable, Base, BodyAttributes, HeadVuePlugin, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, VueHeadClient, VueReactiveInputPlugin, VueTriggerDomPatchingOnUpdatesPlugin, asArray, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };
+export { Arrayable, Base, BodyAttributes, HeadVuePlugin, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, VueHeadClient, VueReactiveInputPlugin, VueTriggerDomPatchingOnUpdatesPlugin, asArray, createDomHead, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };

package/dist/index.mjs

@@ -25,21 +25,16 @@ function asArray(value) {
   return Array.isArray(value) ? value : [value];
 }
 
-const VueTriggerDomPatchingOnUpdatesPlugin = () => {
+const VueTriggerDomPatchingOnUpdatesPlugin = (options) => {
   return defineHeadPlugin({
     hooks: {
       "entries:updated": function(head) {
-        debouncedRenderDOMHead(nextTick, head);
+        debouncedRenderDOMHead(nextTick, head, { document: options?.document });
       }
     }
   });
 };
 
-const vueTriggerDomPatchingOnUpdatesPlugin = {
-  __proto__: null,
-  VueTriggerDomPatchingOnUpdatesPlugin: VueTriggerDomPatchingOnUpdatesPlugin
-};
-
 const VueReactiveInputPlugin = () => {
   return defineHeadPlugin({
     hooks: {
@@ -111,17 +106,13 @@ const headSymbol = Symbol("unhead");
 function injectHead() {
   return getCurrentInstance() && inject(headSymbol) || getActiveHead();
 }
-async function createHead(options = {}) {
+function createHead(options = {}) {
   const plugins = [
     HydratesStatePlugin(),
     VueReactiveInputPlugin(),
     ...options?.plugins || []
   ];
-  if (IsBrowser) {
-    const { VueTriggerDomPatchingOnUpdatesPlugin } = await Promise.resolve().then(function () { return vueTriggerDomPatchingOnUpdatesPlugin; });
-    plugins.push(VueTriggerDomPatchingOnUpdatesPlugin());
-  }
-  const head = await createHead$1({
+  const head = createHead$1({
     ...options,
     plugins
   });
@@ -147,6 +138,16 @@ async function createHead(options = {}) {
   return { ...vuePlugin, ...head };
 }
 
+function createDomHead(options = {}) {
+  return createHead({
+    ...options,
+    plugins: [
+      VueTriggerDomPatchingOnUpdatesPlugin({ document: options?.document }),
+      ...options.plugins || []
+    ]
+  });
+}
+
 const HeadVuePlugin = function(_Vue) {
   _Vue.mixin({
     beforeCreate() {
@@ -173,4 +174,4 @@ const HeadVuePlugin = function(_Vue) {
   });
 };
 
-export { HeadVuePlugin, VueReactiveInputPlugin, VueTriggerDomPatchingOnUpdatesPlugin, asArray, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };
+export { HeadVuePlugin, VueReactiveInputPlugin, VueTriggerDomPatchingOnUpdatesPlugin, asArray, createDomHead, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };

package/dist/runtime/server/useHead.d.ts

@@ -1,3 +1,3 @@
-import type { HeadEntryOptions } from '@unhead/schema';
+import type { HeadEntryOptions, MergeHead } from '@unhead/schema';
 import type { UseHeadInput } from '../..';
-export declare function useHead(input: UseHeadInput, options?: HeadEntryOptions): void;
+export declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;

package/dist/runtime/server/useServerHead.d.ts

@@ -1,3 +1,3 @@
-import type { HeadEntryOptions } from '@unhead/schema';
+import type { HeadEntryOptions, MergeHead } from '@unhead/schema';
 import type { UseHeadInput } from '../../types';
-export declare function useServerHead(input: UseHeadInput, options?: HeadEntryOptions): void;
+export declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;

package/dist/runtimes/client/useHead.d.ts

@@ -1,3 +1,3 @@
-import type { HeadEntryOptions } from '@unhead/schema';
+import type { HeadEntryOptions, MergeHead } from '@unhead/schema';
 import type { UseHeadInput } from '../../index';
-export declare function useHead(input: UseHeadInput, options?: HeadEntryOptions): void;
+export declare function useHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;

package/dist/runtimes/client/useServerHead.d.ts

@@ -1,3 +1,3 @@
-import type { HeadEntryOptions } from '@unhead/schema';
+import type { HeadEntryOptions, MergeHead } from '@unhead/schema';
 import type { UseHeadInput } from '../../types';
-export declare function useServerHead(input: UseHeadInput, options?: HeadEntryOptions): void;
+export declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "packageManager": "pnpm@7.14.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -33,10 +33,10 @@
     "vue": ">=2.7 || >=3"
   },
   "dependencies": {
-    "@unhead/dom": "0.1.3",
-    "@unhead/schema": "0.1.3",
+    "@unhead/dom": "0.2.0",
+    "@unhead/schema": "0.2.0",
     "@vueuse/shared": "latest",
-    "unhead": "0.1.3"
+    "unhead": "0.2.0"
   },
   "devDependencies": {
     "vue": "latest"