@unhead/vue 0.4.8 → 0.6.0

package/dist/index.cjs

@@ -29,6 +29,73 @@ function asArray(value) {
 const Vue3 = vue.version.startsWith("3");
 const IsBrowser = typeof window !== "undefined";
 
+const headSymbol = "usehead";
+function injectHead() {
+  return vue.getCurrentInstance() && vue.inject(headSymbol) || unhead.getActiveHead();
+}
+function createHead(options = {}) {
+  const plugins = [
+    VueReactiveUseHeadPlugin(),
+    ...options?.plugins || []
+  ];
+  const head = unhead.createHead({
+    ...options,
+    domDelayFn: (fn) => setTimeout(() => vue.nextTick(() => fn()), 10),
+    plugins
+  });
+  head.install = (app) => {
+    if (Vue3) {
+      app.config.globalProperties.$unhead = head;
+      app.provide(headSymbol, head);
+    }
+  };
+  return head;
+}
+
+const VueHeadMixin = {
+  created() {
+    const instance = vue.getCurrentInstance();
+    if (!instance)
+      return;
+    const options = instance.type;
+    if (!options || !("head" in options))
+      return;
+    const source = typeof options.head === "function" ? () => options.head() : options.head;
+    useHead(source);
+  }
+};
+
+const VueReactiveUseHeadPlugin = () => {
+  return unhead.defineHeadPlugin({
+    hooks: {
+      "entries:resolve": function(ctx) {
+        for (const entry of ctx.entries)
+          entry.input = resolveUnrefHeadInput(entry.input);
+      }
+    }
+  });
+};
+
+const Vue2ProvideUnheadPlugin = function(_Vue, head) {
+  _Vue.mixin({
+    beforeCreate() {
+      const options = this.$options;
+      const origProvide = options.provide;
+      options.provide = function() {
+        let origProvideResult;
+        if (typeof origProvide === "function")
+          origProvideResult = origProvide.call(this);
+        else
+          origProvideResult = origProvide || {};
+        return {
+          ...origProvideResult,
+          [headSymbol]: head
+        };
+      };
+    }
+  });
+};
+
 function unpackToArray(input, options) {
   const unpacked = [];
   const kFn = options.resolveKeyData || ((ctx) => ctx.key);
@@ -243,81 +310,25 @@ const useTagBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-const headSymbol = "usehead";
-function injectHead() {
-  return vue.getCurrentInstance() && vue.inject(headSymbol) || unhead.getActiveHead();
-}
-function createHead(options = {}) {
-  const plugins = [
-    VueReactiveUseHeadPlugin(),
-    ...options?.plugins || []
-  ];
-  const head = unhead.createHead({
-    ...options,
-    domDelayFn: (fn) => setTimeout(() => vue.nextTick(() => fn()), 10),
-    plugins
-  });
-  head.install = (app) => {
-    if (Vue3) {
-      app.config.globalProperties.$unhead = head;
-      app.provide(headSymbol, head);
-    } else {
-      app.options.$unhead = head;
-    }
-    app.mixin({
-      created() {
-        const instance = vue.getCurrentInstance();
-        if (!instance)
-          return;
-        const options2 = Vue3 ? instance.type : instance.proxy.$options;
-        if (!options2 || !("head" in options2))
-          return;
-        const source = typeof options2.head === "function" ? () => options2.head() : options2.head;
-        useHead(source);
-      }
-    });
-  };
-  return head;
-}
-
-const VueReactiveUseHeadPlugin = () => {
-  return unhead.defineHeadPlugin({
-    hooks: {
-      "entries:resolve": function(ctx) {
-        for (const entry of ctx.entries)
-          entry.input = resolveUnrefHeadInput(entry.input);
-      }
-    }
-  });
-};
-
-const Vue2ProvideUnheadPlugin = function(_Vue, head) {
-  _Vue.mixin({
-    beforeCreate() {
-      const options = this.$options;
-      const origProvide = options.provide;
-      options.provide = function() {
-        let origProvideResult;
-        if (typeof origProvide === "function")
-          origProvideResult = origProvide.call(this);
-        else
-          origProvideResult = origProvide || {};
-        return {
-          ...origProvideResult,
-          [headSymbol]: head
-        };
-      };
-    }
-  });
-};
+const coreComposableNames = [
+  "injectHead"
+];
+const unheadVueComposablesImports = [
+  {
+    from: "@unhead/vue",
+    imports: [...coreComposableNames, ...unhead.composableNames]
+  }
+];
 
 exports.Vue2ProvideUnheadPlugin = Vue2ProvideUnheadPlugin;
+exports.VueHeadMixin = VueHeadMixin;
 exports.VueReactiveUseHeadPlugin = VueReactiveUseHeadPlugin;
 exports.asArray = asArray;
 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

@@ -113,6 +113,10 @@ declare const headSymbol = "usehead";
 declare function injectHead<T extends MergeHead>(): VueHeadClient<T>;
 declare function createHead<T extends MergeHead>(options?: Omit<CreateHeadOptions, 'domDelayFn'>): VueHeadClient<T>;
 
+declare const VueHeadMixin: {
+    created(): void;
+};
+
 declare const VueReactiveUseHeadPlugin: () => _unhead_schema.HeadPlugin;
 
 declare const Vue2ProvideUnheadPlugin: Plugin;
@@ -143,4 +147,9 @@ declare const useTagBase: (base: ReactiveHead['base']) => void;
 declare const useHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void;
 declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void;
 
-export { Arrayable, Base, BodyAttributes, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, UseHeadInput, Vue2ProvideUnheadPlugin, VueHeadClient, 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, ref, watchEffect, watch, onBeforeUnmount, inject, nextTick } from 'vue';
-import { getActiveHead, createHead as createHead$1, defineHeadPlugin } from 'unhead';
+import { unref, version, getCurrentInstance, inject, nextTick, ref, watchEffect, watch, onBeforeUnmount } from 'vue';
+import { getActiveHead, createHead as createHead$1, defineHeadPlugin, composableNames } from 'unhead';
 export * from '@unhead/dom';
 
 function resolveUnrefHeadInput(ref) {
@@ -27,6 +27,73 @@ function asArray(value) {
 const Vue3 = version.startsWith("3");
 const IsBrowser = typeof window !== "undefined";
 
+const headSymbol = "usehead";
+function injectHead() {
+  return getCurrentInstance() && inject(headSymbol) || getActiveHead();
+}
+function createHead(options = {}) {
+  const plugins = [
+    VueReactiveUseHeadPlugin(),
+    ...options?.plugins || []
+  ];
+  const head = createHead$1({
+    ...options,
+    domDelayFn: (fn) => setTimeout(() => nextTick(() => fn()), 10),
+    plugins
+  });
+  head.install = (app) => {
+    if (Vue3) {
+      app.config.globalProperties.$unhead = head;
+      app.provide(headSymbol, head);
+    }
+  };
+  return head;
+}
+
+const VueHeadMixin = {
+  created() {
+    const instance = getCurrentInstance();
+    if (!instance)
+      return;
+    const options = instance.type;
+    if (!options || !("head" in options))
+      return;
+    const source = typeof options.head === "function" ? () => options.head() : options.head;
+    useHead(source);
+  }
+};
+
+const VueReactiveUseHeadPlugin = () => {
+  return defineHeadPlugin({
+    hooks: {
+      "entries:resolve": function(ctx) {
+        for (const entry of ctx.entries)
+          entry.input = resolveUnrefHeadInput(entry.input);
+      }
+    }
+  });
+};
+
+const Vue2ProvideUnheadPlugin = function(_Vue, head) {
+  _Vue.mixin({
+    beforeCreate() {
+      const options = this.$options;
+      const origProvide = options.provide;
+      options.provide = function() {
+        let origProvideResult;
+        if (typeof origProvide === "function")
+          origProvideResult = origProvide.call(this);
+        else
+          origProvideResult = origProvide || {};
+        return {
+          ...origProvideResult,
+          [headSymbol]: head
+        };
+      };
+    }
+  });
+};
+
 function unpackToArray(input, options) {
   const unpacked = [];
   const kFn = options.resolveKeyData || ((ctx) => ctx.key);
@@ -241,72 +308,14 @@ const useTagBase = (base) => useHead({ base });
 const useHtmlAttrs = (attrs) => useHead({ htmlAttrs: attrs });
 const useBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
-const headSymbol = "usehead";
-function injectHead() {
-  return getCurrentInstance() && inject(headSymbol) || getActiveHead();
-}
-function createHead(options = {}) {
-  const plugins = [
-    VueReactiveUseHeadPlugin(),
-    ...options?.plugins || []
-  ];
-  const head = createHead$1({
-    ...options,
-    domDelayFn: (fn) => setTimeout(() => nextTick(() => fn()), 10),
-    plugins
-  });
-  head.install = (app) => {
-    if (Vue3) {
-      app.config.globalProperties.$unhead = head;
-      app.provide(headSymbol, head);
-    } else {
-      app.options.$unhead = head;
-    }
-    app.mixin({
-      created() {
-        const instance = getCurrentInstance();
-        if (!instance)
-          return;
-        const options2 = Vue3 ? instance.type : instance.proxy.$options;
-        if (!options2 || !("head" in options2))
-          return;
-        const source = typeof options2.head === "function" ? () => options2.head() : options2.head;
-        useHead(source);
-      }
-    });
-  };
-  return head;
-}
-
-const VueReactiveUseHeadPlugin = () => {
-  return defineHeadPlugin({
-    hooks: {
-      "entries:resolve": function(ctx) {
-        for (const entry of ctx.entries)
-          entry.input = resolveUnrefHeadInput(entry.input);
-      }
-    }
-  });
-};
-
-const Vue2ProvideUnheadPlugin = function(_Vue, head) {
-  _Vue.mixin({
-    beforeCreate() {
-      const options = this.$options;
-      const origProvide = options.provide;
-      options.provide = function() {
-        let origProvideResult;
-        if (typeof origProvide === "function")
-          origProvideResult = origProvide.call(this);
-        else
-          origProvideResult = origProvide || {};
-        return {
-          ...origProvideResult,
-          [headSymbol]: head
-        };
-      };
-    }
-  });
-};
+const coreComposableNames = [
+  "injectHead"
+];
+const unheadVueComposablesImports = [
+  {
+    from: "@unhead/vue",
+    imports: [...coreComposableNames, ...composableNames]
+  }
+];
 
-export { Vue2ProvideUnheadPlugin, 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 };
+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.4.8",
+  "version": "0.6.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.4.8",
-    "@unhead/schema": "0.4.8",
+    "@unhead/dom": "0.6.0",
+    "@unhead/schema": "0.6.0",
     "@vueuse/shared": "latest",
-    "unhead": "0.4.8"
+    "unhead": "0.6.0"
   },
   "devDependencies": {
     "vue": "^3.2.42"