@unhead/vue 0.6.0 → 0.6.2

package/dist/index.cjs

@@ -43,12 +43,15 @@ function createHead(options = {}) {
     domDelayFn: (fn) => setTimeout(() => vue.nextTick(() => fn()), 10),
     plugins
   });
-  head.install = (app) => {
-    if (Vue3) {
-      app.config.globalProperties.$unhead = head;
-      app.provide(headSymbol, head);
+  const vuePlugin = {
+    install(app) {
+      if (Vue3) {
+        app.config.globalProperties.$unhead = head;
+        app.provide(headSymbol, head);
+      }
     }
   };
+  head.install = vuePlugin.install;
   return head;
 }
 
@@ -239,33 +242,27 @@ function changeKeyCasingDeep(input) {
 function clientUseHead(input, options = {}) {
   const head = injectHead();
   const vm = vue.getCurrentInstance();
-  if (!vm) {
-    head.push(input, options);
-    return;
-  }
+  if (!vm)
+    return head.push(input, options);
   const resolvedInput = vue.ref({});
   vue.watchEffect(() => {
     resolvedInput.value = resolveUnrefHeadInput(input);
   });
-  let entry;
-  vue.watch(resolvedInput, (e) => {
-    if (!entry)
-      entry = head.push(e, options);
-    else
-      entry.patch(e);
-  }, { immediate: true });
+  const entry = head.push(resolvedInput.value, options);
+  vue.watch(resolvedInput, (e) => entry.patch(e));
   vue.onBeforeUnmount(() => {
-    entry?.dispose();
+    entry.dispose();
   });
+  return entry;
 }
 
 function serverUseHead(input, options = {}) {
   const head = injectHead();
-  head.push(input, options);
+  return head.push(input, options);
 }
 
 function useServerHead(input, options = {}) {
-  useHead(input, { ...options, mode: "server" });
+  return useHead(input, { ...options, mode: "server" });
 }
 const useServerTagTitle = (title) => useServerHead({ title });
 const useServerTitleTemplate = (titleTemplate) => useServerHead({ titleTemplate });
@@ -290,7 +287,7 @@ function useHead(input, options = {}) {
   const isBrowser = IsBrowser || head.resolvedOptions?.document;
   if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
     return;
-  IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
+  return IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
 }
 const useTagTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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, Unhead, CreateHeadOptions, HeadEntryOptions, MetaFlatInput } 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, Unhead, CreateHeadOptions, HeadEntryOptions, MetaFlatInput, ActiveHeadEntry } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { Plugin } from 'vue';
 export * from '@unhead/dom';
@@ -121,31 +121,31 @@ declare const VueReactiveUseHeadPlugin: () => _unhead_schema.HeadPlugin;
 
 declare const Vue2ProvideUnheadPlugin: Plugin;
 
-declare function useServerHead<T extends MergeHead>(input: UseHeadInput<T>, options?: HeadEntryOptions): void;
-declare const useServerTagTitle: (title: ReactiveHead['title']) => void;
-declare const useServerTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => void;
-declare const useServerTagMeta: (meta: Arrayable<Meta>) => void;
-declare const useServerTagMetaFlat: (meta: MaybeComputedRefEntries<MetaFlatInput>) => void;
-declare const useServerTagLink: (link: Arrayable<Link>) => void;
-declare const useServerTagScript: (script: Arrayable<Script>) => void;
-declare const useServerTagStyle: (style: Arrayable<Style>) => void;
-declare const useServerTagNoscript: (noscript: Arrayable<Noscript>) => void;
-declare const useServerTagBase: (base: ReactiveHead['base']) => void;
-declare const useServerHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void;
-declare const useServerBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void;
+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): void;
-declare const useTagTitle: (title: ReactiveHead['title']) => void;
-declare const useTitleTemplate: (titleTemplate: ReactiveHead['titleTemplate']) => void;
-declare const useTagMeta: (meta: Arrayable<Meta>) => void;
-declare const useTagMetaFlat: (meta: MaybeComputedRefEntries<MetaFlatInput>) => void;
-declare const useTagLink: (link: Arrayable<Link>) => void;
-declare const useTagScript: (script: Arrayable<Script>) => void;
-declare const useTagStyle: (style: Arrayable<Style>) => void;
-declare const useTagNoscript: (noscript: Arrayable<Noscript>) => void;
-declare const useTagBase: (base: ReactiveHead['base']) => void;
-declare const useHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void;
-declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => 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 const unheadVueComposablesImports: {
     from: string;

package/dist/index.mjs

@@ -41,12 +41,15 @@ function createHead(options = {}) {
     domDelayFn: (fn) => setTimeout(() => nextTick(() => fn()), 10),
     plugins
   });
-  head.install = (app) => {
-    if (Vue3) {
-      app.config.globalProperties.$unhead = head;
-      app.provide(headSymbol, head);
+  const vuePlugin = {
+    install(app) {
+      if (Vue3) {
+        app.config.globalProperties.$unhead = head;
+        app.provide(headSymbol, head);
+      }
     }
   };
+  head.install = vuePlugin.install;
   return head;
 }
 
@@ -237,33 +240,27 @@ function changeKeyCasingDeep(input) {
 function clientUseHead(input, options = {}) {
   const head = injectHead();
   const vm = getCurrentInstance();
-  if (!vm) {
-    head.push(input, options);
-    return;
-  }
+  if (!vm)
+    return head.push(input, options);
   const resolvedInput = ref({});
   watchEffect(() => {
     resolvedInput.value = resolveUnrefHeadInput(input);
   });
-  let entry;
-  watch(resolvedInput, (e) => {
-    if (!entry)
-      entry = head.push(e, options);
-    else
-      entry.patch(e);
-  }, { immediate: true });
+  const entry = head.push(resolvedInput.value, options);
+  watch(resolvedInput, (e) => entry.patch(e));
   onBeforeUnmount(() => {
-    entry?.dispose();
+    entry.dispose();
   });
+  return entry;
 }
 
 function serverUseHead(input, options = {}) {
   const head = injectHead();
-  head.push(input, options);
+  return head.push(input, options);
 }
 
 function useServerHead(input, options = {}) {
-  useHead(input, { ...options, mode: "server" });
+  return useHead(input, { ...options, mode: "server" });
 }
 const useServerTagTitle = (title) => useServerHead({ title });
 const useServerTitleTemplate = (titleTemplate) => useServerHead({ titleTemplate });
@@ -288,7 +285,7 @@ function useHead(input, options = {}) {
   const isBrowser = IsBrowser || head.resolvedOptions?.document;
   if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
     return;
-  IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
+  return IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
 }
 const useTagTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "packageManager": "pnpm@7.14.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -33,13 +33,13 @@
     "vue": ">=2.7 || >=3"
   },
   "dependencies": {
-    "@unhead/dom": "0.6.0",
-    "@unhead/schema": "0.6.0",
+    "@unhead/dom": "0.6.2",
+    "@unhead/schema": "0.6.2",
     "@vueuse/shared": "latest",
-    "unhead": "0.6.0"
+    "unhead": "0.6.2"
   },
   "devDependencies": {
-    "vue": "^3.2.42"
+    "vue": "^3.2.45"
   },
   "scripts": {
     "build": "unbuild .",