@unhead/vue 0.5.1 → 0.6.1

package/dist/index.cjs

@@ -239,33 +239,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 +284,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 });
@@ -310,6 +304,16 @@ const useTagBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
+const coreComposableNames = [
+  "injectHead"
+];
+const unheadVueComposablesImports = [
+  {
+    from: "@unhead/vue",
+    imports: [...coreComposableNames, ...unhead.composableNames]
+  }
+];
+
 exports.Vue2ProvideUnheadPlugin = Vue2ProvideUnheadPlugin;
 exports.VueHeadMixin = VueHeadMixin;
 exports.VueReactiveUseHeadPlugin = VueReactiveUseHeadPlugin;
@@ -318,6 +322,7 @@ exports.createHead = createHead;
 exports.headSymbol = headSymbol;
 exports.injectHead = injectHead;
 exports.resolveUnrefHeadInput = resolveUnrefHeadInput;
+exports.unheadVueComposablesImports = unheadVueComposablesImports;
 exports.useBodyAttrs = useBodyAttrs;
 exports.useHead = useHead;
 exports.useHtmlAttrs = useHtmlAttrs;

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,30 +121,35 @@ 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>>;
 
-export { Arrayable, Base, BodyAttributes, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, VueReactiveUseHeadPlugin, asArray, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBodyAttrs, useHead, useHtmlAttrs, useServerBodyAttrs, useServerHead, useServerHtmlAttrs, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };
+declare const unheadVueComposablesImports: {
+    from: string;
+    imports: string[];
+}[];
+
+export { Arrayable, Base, BodyAttributes, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, VueReactiveUseHeadPlugin, asArray, createHead, headSymbol, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useBodyAttrs, useHead, useHtmlAttrs, useServerBodyAttrs, useServerHead, useServerHtmlAttrs, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { resolveUnref } from '@vueuse/shared';
 import { unref, version, getCurrentInstance, inject, nextTick, ref, watchEffect, watch, onBeforeUnmount } from 'vue';
-import { getActiveHead, createHead as createHead$1, defineHeadPlugin } from 'unhead';
+import { getActiveHead, createHead as createHead$1, defineHeadPlugin, composableNames } from 'unhead';
 export * from '@unhead/dom';
 
 function resolveUnrefHeadInput(ref) {
@@ -237,33 +237,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 +282,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 });
@@ -308,4 +302,14 @@ const useTagBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-export { Vue2ProvideUnheadPlugin, VueHeadMixin, VueReactiveUseHeadPlugin, asArray, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBodyAttrs, useHead, useHtmlAttrs, useServerBodyAttrs, useServerHead, useServerHtmlAttrs, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };
+const coreComposableNames = [
+  "injectHead"
+];
+const unheadVueComposablesImports = [
+  {
+    from: "@unhead/vue",
+    imports: [...coreComposableNames, ...composableNames]
+  }
+];
+
+export { Vue2ProvideUnheadPlugin, VueHeadMixin, VueReactiveUseHeadPlugin, asArray, createHead, headSymbol, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useBodyAttrs, useHead, useHtmlAttrs, useServerBodyAttrs, useServerHead, useServerHtmlAttrs, useServerTagBase, useServerTagLink, useServerTagMeta, useServerTagMetaFlat, useServerTagNoscript, useServerTagScript, useServerTagStyle, useServerTagTitle, useServerTitleTemplate, useTagBase, useTagLink, useTagMeta, useTagMetaFlat, useTagNoscript, useTagScript, useTagStyle, useTagTitle, useTitleTemplate };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "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.5.1",
-    "@unhead/schema": "0.5.1",
+    "@unhead/dom": "0.6.1",
+    "@unhead/schema": "0.6.1",
     "@vueuse/shared": "latest",
-    "unhead": "0.5.1"
+    "unhead": "0.6.1"
   },
   "devDependencies": {
     "vue": "^3.2.42"