@unhead/vue 0.1.2 → 0.1.3

package/dist/index.cjs

@@ -54,7 +54,7 @@ const VueReactiveInputPlugin = () => {
 
 const Vue3 = vue.version.startsWith("3");
 vue.version.startsWith("2.");
-const IsClient = typeof window !== "undefined";
+const IsBrowser = typeof window !== "undefined";
 
 function useHead$2(input, options = {}) {
   const head = injectHead();
@@ -89,13 +89,13 @@ function useHead$1(input, options = {}) {
 }
 
 function useServerHead(input, options = {}) {
-  if (!IsClient)
+  if (!IsBrowser)
     useServerHead$1(input, options);
 }
 function useHead(input, options = {}) {
-  if (options.mode === "server" && IsClient || options.mode === "client" && !IsClient)
+  if (options.mode === "server" && IsBrowser || options.mode === "client" && !IsBrowser)
     return;
-  IsClient ? useHead$1(input, options) : useHead$2(input, options);
+  IsBrowser ? useHead$1(input, options) : useHead$2(input, options);
 }
 const useTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });
@@ -108,7 +108,7 @@ const useBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-const headSymbol = Symbol("head");
+const headSymbol = Symbol("unhead");
 function injectHead() {
   return vue.getCurrentInstance() && vue.inject(headSymbol) || unhead.getActiveHead();
 }
@@ -118,7 +118,7 @@ async function createHead(options = {}) {
     VueReactiveInputPlugin(),
     ...options?.plugins || []
   ];
-  if (IsClient) {
+  if (IsBrowser) {
     const { VueTriggerDomPatchingOnUpdatesPlugin } = await Promise.resolve().then(function () { return vueTriggerDomPatchingOnUpdatesPlugin; });
     plugins.push(VueTriggerDomPatchingOnUpdatesPlugin());
   }
@@ -140,7 +140,7 @@ async function createHead(options = {}) {
           if (!options2 || !("head" in options2))
             return;
           const source = typeof options2.head === "function" ? () => options2.head() : options2.head;
-          head.push(source);
+          useHead(source);
         }
       });
     }
@@ -194,3 +194,6 @@ exports.useServerHead = useServerHead;
 exports.useStyle = useStyle;
 exports.useTitle = useTitle;
 exports.useTitleTemplate = useTitleTemplate;
+for (const k in dom) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = dom[k];
+}

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 import { MaybeComputedRef, MaybeRef } from '@vueuse/shared';
+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 { HeadTag, MergeHead } from '@unhead/schema';
-import { Plugin, InjectionKey } from 'vue';
+export { ActiveHeadEntry, Head, HeadClient, HeadEntryOptions, HeadTag, MergeHead } from '@unhead/schema';
+import { Plugin } from 'vue';
+export * from '@unhead/dom';
 
 declare type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
     [key in keyof T]?: MaybeComputedRef<T[key]>;
@@ -123,10 +125,10 @@ declare const useBase: (base: ReactiveHead['base']) => void;
 declare const useHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void;
 declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void;
 
-declare type VueHeadClient = HeadClient<UseHeadInput> & Plugin;
-declare const headSymbol: InjectionKey<VueHeadClient>;
-declare function injectHead(): VueHeadClient;
-declare function createHead(options?: CreateHeadOptions): Promise<VueHeadClient>;
+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 const HeadVuePlugin: Plugin;
 

package/dist/index.mjs

@@ -2,6 +2,7 @@ import { resolveUnref } from '@vueuse/shared';
 import { unref, nextTick, version, getCurrentInstance, ref, watchEffect, watch, onBeforeUnmount, inject } from 'vue';
 import { defineHeadPlugin, getActiveHead, HydratesStatePlugin, createHead as createHead$1 } from 'unhead';
 import { debouncedRenderDOMHead } from '@unhead/dom';
+export * from '@unhead/dom';
 
 function resolveUnrefHeadInput(ref) {
   const root = resolveUnref(ref);
@@ -52,7 +53,7 @@ const VueReactiveInputPlugin = () => {
 
 const Vue3 = version.startsWith("3");
 version.startsWith("2.");
-const IsClient = typeof window !== "undefined";
+const IsBrowser = typeof window !== "undefined";
 
 function useHead$2(input, options = {}) {
   const head = injectHead();
@@ -87,13 +88,13 @@ function useHead$1(input, options = {}) {
 }
 
 function useServerHead(input, options = {}) {
-  if (!IsClient)
+  if (!IsBrowser)
     useServerHead$1(input, options);
 }
 function useHead(input, options = {}) {
-  if (options.mode === "server" && IsClient || options.mode === "client" && !IsClient)
+  if (options.mode === "server" && IsBrowser || options.mode === "client" && !IsBrowser)
     return;
-  IsClient ? useHead$1(input, options) : useHead$2(input, options);
+  IsBrowser ? useHead$1(input, options) : useHead$2(input, options);
 }
 const useTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });
@@ -106,7 +107,7 @@ const useBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-const headSymbol = Symbol("head");
+const headSymbol = Symbol("unhead");
 function injectHead() {
   return getCurrentInstance() && inject(headSymbol) || getActiveHead();
 }
@@ -116,7 +117,7 @@ async function createHead(options = {}) {
     VueReactiveInputPlugin(),
     ...options?.plugins || []
   ];
-  if (IsClient) {
+  if (IsBrowser) {
     const { VueTriggerDomPatchingOnUpdatesPlugin } = await Promise.resolve().then(function () { return vueTriggerDomPatchingOnUpdatesPlugin; });
     plugins.push(VueTriggerDomPatchingOnUpdatesPlugin());
   }
@@ -138,7 +139,7 @@ async function createHead(options = {}) {
           if (!options2 || !("head" in options2))
             return;
           const source = typeof options2.head === "function" ? () => options2.head() : options2.head;
-          head.push(source);
+          useHead(source);
         }
       });
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "packageManager": "pnpm@7.14.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -19,9 +19,11 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
       "import": "./dist/index.mjs"
     }
   },
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
@@ -31,10 +33,10 @@
     "vue": ">=2.7 || >=3"
   },
   "dependencies": {
-    "@unhead/dom": "0.1.2",
-    "@unhead/schema": "0.1.2",
+    "@unhead/dom": "0.1.3",
+    "@unhead/schema": "0.1.3",
     "@vueuse/shared": "latest",
-    "unhead": "0.1.2"
+    "unhead": "0.1.3"
   },
   "devDependencies": {
     "vue": "latest"