@unhead/vue 1.11.14 → 2.0.0-alpha.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.11.14",
+  "version": "2.0.0-alpha.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -21,20 +21,20 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
-    "./polyfill": {
-      "types": "./dist/polyfill.d.ts",
-      "import": "./dist/polyfill.mjs",
-      "require": "./dist/polyfill.cjs"
-    },
-    "./vue2": {
-      "types": "./dist/vue2.d.ts",
-      "import": "./dist/vue2.mjs",
-      "require": "./dist/vue2.cjs"
-    },
     "./components": {
       "types": "./dist/components.d.ts",
       "import": "./dist/components.mjs",
       "require": "./dist/components.cjs"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.mjs",
+      "require": "./dist/server.cjs"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.mjs",
+      "require": "./dist/client.cjs"
     }
   },
   "main": "dist/index.cjs",
@@ -45,19 +45,21 @@
       "components": [
         "dist/components"
       ],
-      "vue2": [
-        "dist/vue2"
+      "server": [
+        "dist/server"
       ],
-      "polyfill": [
-        "dist/polyfill"
+      "client": [
+        "dist/client"
       ]
     }
   },
   "files": [
-    "dist"
+    "client.d.ts",
+    "dist",
+    "server.d.ts"
   ],
   "peerDependencies": {
-    "vue": ">=2.7 || >=3"
+    "vue": ">=3"
   },
   "build": {
     "external": [
@@ -65,15 +67,13 @@
     ]
   },
   "dependencies": {
-    "defu": "^6.1.4",
     "hookable": "^5.5.3",
-    "@unhead/shared": "1.11.14",
-    "@unhead/schema": "1.11.14",
-    "unhead": "1.11.14"
+    "@unhead/schema": "2.0.0-alpha.0",
+    "unhead": "2.0.0-alpha.0",
+    "@unhead/shared": "2.0.0-alpha.0"
   },
   "scripts": {
     "build": "unbuild .",
-    "stub": "unbuild . --stub",
-    "export:sizes": "npx export-size . -r"
+    "stub": "unbuild . --stub"
   }
 }

package/server.d.ts

@@ -0,0 +1 @@
+export * from './dist/server'

package/dist/polyfill.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-const useHead = require('./shared/vue.104c41b5.cjs');
-require('vue');
-require('./shared/vue.6b1572ee.cjs');
-require('unhead');
-require('@unhead/shared');
-
-function polyfillAsVueUseHead(head) {
-  const polyfilled = head;
-  polyfilled.headTags = head.resolveTags;
-  polyfilled.addEntry = head.push;
-  polyfilled.addHeadObjs = head.push;
-  polyfilled.addReactiveEntry = (input, options) => {
-    const api = useHead.useHead(input, options);
-    if (api !== void 0)
-      return api.dispose;
-    return () => {
-    };
-  };
-  polyfilled.removeHeadObjs = () => {
-  };
-  polyfilled.updateDOM = () => {
-    head.hooks.callHook("entries:updated", head);
-  };
-  polyfilled.unhead = head;
-  return polyfilled;
-}
-
-exports.polyfillAsVueUseHead = polyfillAsVueUseHead;

package/dist/polyfill.d.cts

@@ -1,40 +0,0 @@
-import { MergeHead } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.71760da0.cjs';
-import 'vue';
-
-type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {
-    /**
-     * @deprecated use `resolveTags`
-     */
-    headTags: VueHeadClient<T>['resolveTags'];
-    /**
-     * @deprecated use `push`
-     */
-    addEntry: VueHeadClient<T>['push'];
-    /**
-     * @deprecated use `push`
-     */
-    addHeadObjs: VueHeadClient<T>['push'];
-    /**
-     * @deprecated use `useHead`
-     */
-    addReactiveEntry: (input: UseHeadInput<T>, options?: UseHeadOptions) => (() => void);
-    /**
-     * @deprecated Use useHead API.
-     */
-    removeHeadObjs: () => void;
-    /**
-     * @deprecated Call hook `entries:resolve` or update an entry
-     */
-    updateDOM: () => void;
-    /**
-     * @deprecated Access unhead properties directly.
-     */
-    unhead: VueHeadClient<T>;
-};
-/**
- * @deprecated Will be removed in v2.
- */
-declare function polyfillAsVueUseHead<T extends MergeHead>(head: VueHeadClient<T>): VueHeadClientPollyFill<T>;
-
-export { type VueHeadClientPollyFill, polyfillAsVueUseHead };

package/dist/polyfill.d.mts

@@ -1,40 +0,0 @@
-import { MergeHead } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.71760da0.mjs';
-import 'vue';
-
-type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {
-    /**
-     * @deprecated use `resolveTags`
-     */
-    headTags: VueHeadClient<T>['resolveTags'];
-    /**
-     * @deprecated use `push`
-     */
-    addEntry: VueHeadClient<T>['push'];
-    /**
-     * @deprecated use `push`
-     */
-    addHeadObjs: VueHeadClient<T>['push'];
-    /**
-     * @deprecated use `useHead`
-     */
-    addReactiveEntry: (input: UseHeadInput<T>, options?: UseHeadOptions) => (() => void);
-    /**
-     * @deprecated Use useHead API.
-     */
-    removeHeadObjs: () => void;
-    /**
-     * @deprecated Call hook `entries:resolve` or update an entry
-     */
-    updateDOM: () => void;
-    /**
-     * @deprecated Access unhead properties directly.
-     */
-    unhead: VueHeadClient<T>;
-};
-/**
- * @deprecated Will be removed in v2.
- */
-declare function polyfillAsVueUseHead<T extends MergeHead>(head: VueHeadClient<T>): VueHeadClientPollyFill<T>;
-
-export { type VueHeadClientPollyFill, polyfillAsVueUseHead };

package/dist/polyfill.d.ts

@@ -1,40 +0,0 @@
-import { MergeHead } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.71760da0.js';
-import 'vue';
-
-type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {
-    /**
-     * @deprecated use `resolveTags`
-     */
-    headTags: VueHeadClient<T>['resolveTags'];
-    /**
-     * @deprecated use `push`
-     */
-    addEntry: VueHeadClient<T>['push'];
-    /**
-     * @deprecated use `push`
-     */
-    addHeadObjs: VueHeadClient<T>['push'];
-    /**
-     * @deprecated use `useHead`
-     */
-    addReactiveEntry: (input: UseHeadInput<T>, options?: UseHeadOptions) => (() => void);
-    /**
-     * @deprecated Use useHead API.
-     */
-    removeHeadObjs: () => void;
-    /**
-     * @deprecated Call hook `entries:resolve` or update an entry
-     */
-    updateDOM: () => void;
-    /**
-     * @deprecated Access unhead properties directly.
-     */
-    unhead: VueHeadClient<T>;
-};
-/**
- * @deprecated Will be removed in v2.
- */
-declare function polyfillAsVueUseHead<T extends MergeHead>(head: VueHeadClient<T>): VueHeadClientPollyFill<T>;
-
-export { type VueHeadClientPollyFill, polyfillAsVueUseHead };

package/dist/polyfill.mjs

@@ -1,28 +0,0 @@
-import { u as useHead } from './shared/vue.8fc199ce.mjs';
-import 'vue';
-import './shared/vue.f49591ad.mjs';
-import 'unhead';
-import '@unhead/shared';
-
-function polyfillAsVueUseHead(head) {
-  const polyfilled = head;
-  polyfilled.headTags = head.resolveTags;
-  polyfilled.addEntry = head.push;
-  polyfilled.addHeadObjs = head.push;
-  polyfilled.addReactiveEntry = (input, options) => {
-    const api = useHead(input, options);
-    if (api !== void 0)
-      return api.dispose;
-    return () => {
-    };
-  };
-  polyfilled.removeHeadObjs = () => {
-  };
-  polyfilled.updateDOM = () => {
-    head.hooks.callHook("entries:updated", head);
-  };
-  polyfilled.unhead = head;
-  return polyfilled;
-}
-
-export { polyfillAsVueUseHead };

package/dist/shared/vue.104c41b5.cjs

@@ -1,39 +0,0 @@
-'use strict';
-
-const vue = require('vue');
-const injectHead = require('./vue.6b1572ee.cjs');
-
-function useHead(input, options = {}) {
-  const head = options.head || injectHead.injectHead();
-  if (head) {
-    if (!head.ssr)
-      return clientUseHead(head, input, options);
-    return head.push(input, options);
-  }
-}
-function clientUseHead(head, input, options = {}) {
-  const deactivated = vue.ref(false);
-  const resolvedInput = vue.ref({});
-  vue.watchEffect(() => {
-    resolvedInput.value = deactivated.value ? {} : injectHead.resolveUnrefHeadInput(input);
-  });
-  const entry = head.push(resolvedInput.value, options);
-  vue.watch(resolvedInput, (e) => {
-    entry.patch(e);
-  });
-  const vm = vue.getCurrentInstance();
-  if (vm) {
-    vue.onBeforeUnmount(() => {
-      entry.dispose();
-    });
-    vue.onDeactivated(() => {
-      deactivated.value = true;
-    });
-    vue.onActivated(() => {
-      deactivated.value = false;
-    });
-  }
-  return entry;
-}
-
-exports.useHead = useHead;

package/dist/shared/vue.6b1572ee.cjs

@@ -1,94 +0,0 @@
-'use strict';
-
-const unhead = require('unhead');
-const vue = require('vue');
-const shared = require('@unhead/shared');
-
-const Vue3 = vue.version[0] === "3";
-
-function resolveUnref(r) {
-  return typeof r === "function" ? r() : vue.unref(r);
-}
-function resolveUnrefHeadInput(ref) {
-  if (ref instanceof Promise || ref instanceof Date || ref instanceof RegExp)
-    return ref;
-  const root = resolveUnref(ref);
-  if (!ref || !root)
-    return root;
-  if (Array.isArray(root))
-    return root.map((r) => resolveUnrefHeadInput(r));
-  if (typeof root === "object") {
-    const resolved = {};
-    for (const k in root) {
-      if (!Object.prototype.hasOwnProperty.call(root, k)) {
-        continue;
-      }
-      if (k === "titleTemplate" || k[0] === "o" && k[1] === "n") {
-        resolved[k] = vue.unref(root[k]);
-        continue;
-      }
-      resolved[k] = resolveUnrefHeadInput(root[k]);
-    }
-    return resolved;
-  }
-  return root;
-}
-
-const VueReactivityPlugin = shared.defineHeadPlugin({
-  hooks: {
-    "entries:resolve": (ctx) => {
-      for (const entry of ctx.entries)
-        entry.resolvedInput = resolveUnrefHeadInput(entry.input);
-    }
-  }
-});
-
-const headSymbol = "usehead";
-function vueInstall(head) {
-  const plugin = {
-    install(app) {
-      if (Vue3) {
-        app.config.globalProperties.$unhead = head;
-        app.config.globalProperties.$head = head;
-        app.provide(headSymbol, head);
-      }
-    }
-  };
-  return plugin.install;
-}
-function createServerHead(options = {}) {
-  const head = unhead.createServerHead(options);
-  head.use(VueReactivityPlugin);
-  head.install = vueInstall(head);
-  return head;
-}
-function createHead(options = {}) {
-  options.domDelayFn = options.domDelayFn || ((fn) => vue.nextTick(() => setTimeout(() => fn(), 0)));
-  const head = unhead.createHead(options);
-  head.use(VueReactivityPlugin);
-  head.install = vueInstall(head);
-  return head;
-}
-
-const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__unhead_injection_handler__";
-function setHeadInjectionHandler(handler) {
-  _global[globalKey] = handler;
-}
-function injectHead() {
-  if (globalKey in _global) {
-    return _global[globalKey]();
-  }
-  const head = vue.inject(headSymbol);
-  if (!head && process.env.NODE_ENV !== "production")
-    console.warn("Unhead is missing Vue context, falling back to shared context. This may have unexpected results.");
-  return head || unhead.getActiveHead();
-}
-
-exports.Vue3 = Vue3;
-exports.createHead = createHead;
-exports.createServerHead = createServerHead;
-exports.headSymbol = headSymbol;
-exports.injectHead = injectHead;
-exports.resolveUnrefHeadInput = resolveUnrefHeadInput;
-exports.setHeadInjectionHandler = setHeadInjectionHandler;

package/dist/shared/vue.8fc199ce.mjs

@@ -1,37 +0,0 @@
-import { ref, watchEffect, watch, getCurrentInstance, onBeforeUnmount, onDeactivated, onActivated } from 'vue';
-import { i as injectHead, r as resolveUnrefHeadInput } from './vue.f49591ad.mjs';
-
-function useHead(input, options = {}) {
-  const head = options.head || injectHead();
-  if (head) {
-    if (!head.ssr)
-      return clientUseHead(head, input, options);
-    return head.push(input, options);
-  }
-}
-function clientUseHead(head, input, options = {}) {
-  const deactivated = ref(false);
-  const resolvedInput = ref({});
-  watchEffect(() => {
-    resolvedInput.value = deactivated.value ? {} : resolveUnrefHeadInput(input);
-  });
-  const entry = head.push(resolvedInput.value, options);
-  watch(resolvedInput, (e) => {
-    entry.patch(e);
-  });
-  const vm = getCurrentInstance();
-  if (vm) {
-    onBeforeUnmount(() => {
-      entry.dispose();
-    });
-    onDeactivated(() => {
-      deactivated.value = true;
-    });
-    onActivated(() => {
-      deactivated.value = false;
-    });
-  }
-  return entry;
-}
-
-export { useHead as u };

package/dist/shared/vue.f49591ad.mjs

@@ -1,86 +0,0 @@
-import { createServerHead as createServerHead$1, createHead as createHead$1, getActiveHead } from 'unhead';
-import { version, unref, nextTick, inject } from 'vue';
-import { defineHeadPlugin } from '@unhead/shared';
-
-const Vue3 = version[0] === "3";
-
-function resolveUnref(r) {
-  return typeof r === "function" ? r() : unref(r);
-}
-function resolveUnrefHeadInput(ref) {
-  if (ref instanceof Promise || ref instanceof Date || ref instanceof RegExp)
-    return ref;
-  const root = resolveUnref(ref);
-  if (!ref || !root)
-    return root;
-  if (Array.isArray(root))
-    return root.map((r) => resolveUnrefHeadInput(r));
-  if (typeof root === "object") {
-    const resolved = {};
-    for (const k in root) {
-      if (!Object.prototype.hasOwnProperty.call(root, k)) {
-        continue;
-      }
-      if (k === "titleTemplate" || k[0] === "o" && k[1] === "n") {
-        resolved[k] = unref(root[k]);
-        continue;
-      }
-      resolved[k] = resolveUnrefHeadInput(root[k]);
-    }
-    return resolved;
-  }
-  return root;
-}
-
-const VueReactivityPlugin = defineHeadPlugin({
-  hooks: {
-    "entries:resolve": (ctx) => {
-      for (const entry of ctx.entries)
-        entry.resolvedInput = resolveUnrefHeadInput(entry.input);
-    }
-  }
-});
-
-const headSymbol = "usehead";
-function vueInstall(head) {
-  const plugin = {
-    install(app) {
-      if (Vue3) {
-        app.config.globalProperties.$unhead = head;
-        app.config.globalProperties.$head = head;
-        app.provide(headSymbol, head);
-      }
-    }
-  };
-  return plugin.install;
-}
-function createServerHead(options = {}) {
-  const head = createServerHead$1(options);
-  head.use(VueReactivityPlugin);
-  head.install = vueInstall(head);
-  return head;
-}
-function createHead(options = {}) {
-  options.domDelayFn = options.domDelayFn || ((fn) => nextTick(() => setTimeout(() => fn(), 0)));
-  const head = createHead$1(options);
-  head.use(VueReactivityPlugin);
-  head.install = vueInstall(head);
-  return head;
-}
-
-const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__unhead_injection_handler__";
-function setHeadInjectionHandler(handler) {
-  _global[globalKey] = handler;
-}
-function injectHead() {
-  if (globalKey in _global) {
-    return _global[globalKey]();
-  }
-  const head = inject(headSymbol);
-  if (!head && process.env.NODE_ENV !== "production")
-    console.warn("Unhead is missing Vue context, falling back to shared context. This may have unexpected results.");
-  return head || getActiveHead();
-}
-
-export { Vue3 as V, createServerHead as a, createHead as c, headSymbol as h, injectHead as i, resolveUnrefHeadInput as r, setHeadInjectionHandler as s };

package/dist/vue2.cjs

@@ -1,61 +0,0 @@
-'use strict';
-
-const defu = require('defu');
-const vue = require('vue');
-const useHead = require('./shared/vue.104c41b5.cjs');
-const injectHead = require('./shared/vue.6b1572ee.cjs');
-require('unhead');
-require('@unhead/shared');
-
-const UnheadPlugin = (_Vue) => {
-  _Vue.config.optionMergeStrategies.head = function(toVal, fromVal, vm) {
-    if (typeof toVal === "function") {
-      toVal = toVal.call(vm || this || _Vue);
-    }
-    if (typeof fromVal === "function") {
-      fromVal = fromVal.call(vm || this || _Vue);
-    }
-    return defu.defu(toVal, fromVal);
-  };
-  _Vue.mixin({
-    created() {
-      let source = false;
-      if (injectHead.Vue3) {
-        const instance = vue.getCurrentInstance();
-        if (!instance)
-          return;
-        const options = instance.type;
-        if (!options || !("head" in options))
-          return;
-        source = typeof options.head === "function" ? () => options.head.call(instance.proxy) : options.head;
-      } else {
-        const head = this.$options.head;
-        if (head) {
-          source = typeof head === "function" ? () => head.call(this) : head;
-        }
-      }
-      if (source) {
-        useHead.useHead(source);
-      }
-    },
-    beforeCreate() {
-      const options = this.$options;
-      if (options.unhead) {
-        const origProvide = options.provide;
-        options.provide = function() {
-          let origProvideResult;
-          if (typeof origProvide === "function")
-            origProvideResult = origProvide.call(this);
-          else
-            origProvideResult = origProvide || {};
-          return {
-            ...origProvideResult,
-            [injectHead.headSymbol]: options.unhead
-          };
-        };
-      }
-    }
-  });
-};
-
-exports.UnheadPlugin = UnheadPlugin;

package/dist/vue2.d.cts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vue';
-
-declare const UnheadPlugin: Plugin;
-
-export { UnheadPlugin };

package/dist/vue2.d.mts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vue';
-
-declare const UnheadPlugin: Plugin;
-
-export { UnheadPlugin };

package/dist/vue2.d.ts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vue';
-
-declare const UnheadPlugin: Plugin;
-
-export { UnheadPlugin };

package/dist/vue2.mjs

@@ -1,59 +0,0 @@
-import { defu } from 'defu';
-import { getCurrentInstance } from 'vue';
-import { u as useHead } from './shared/vue.8fc199ce.mjs';
-import { V as Vue3, h as headSymbol } from './shared/vue.f49591ad.mjs';
-import 'unhead';
-import '@unhead/shared';
-
-const UnheadPlugin = (_Vue) => {
-  _Vue.config.optionMergeStrategies.head = function(toVal, fromVal, vm) {
-    if (typeof toVal === "function") {
-      toVal = toVal.call(vm || this || _Vue);
-    }
-    if (typeof fromVal === "function") {
-      fromVal = fromVal.call(vm || this || _Vue);
-    }
-    return defu(toVal, fromVal);
-  };
-  _Vue.mixin({
-    created() {
-      let source = false;
-      if (Vue3) {
-        const instance = getCurrentInstance();
-        if (!instance)
-          return;
-        const options = instance.type;
-        if (!options || !("head" in options))
-          return;
-        source = typeof options.head === "function" ? () => options.head.call(instance.proxy) : options.head;
-      } else {
-        const head = this.$options.head;
-        if (head) {
-          source = typeof head === "function" ? () => head.call(this) : head;
-        }
-      }
-      if (source) {
-        useHead(source);
-      }
-    },
-    beforeCreate() {
-      const options = this.$options;
-      if (options.unhead) {
-        const origProvide = options.provide;
-        options.provide = function() {
-          let origProvideResult;
-          if (typeof origProvide === "function")
-            origProvideResult = origProvide.call(this);
-          else
-            origProvideResult = origProvide || {};
-          return {
-            ...origProvideResult,
-            [headSymbol]: options.unhead
-          };
-        };
-      }
-    }
-  });
-};
-
-export { UnheadPlugin };