@unhead/vue 0.0.2 → 0.0.5

package/dist/index.d.ts

@@ -1,10 +1,13 @@
 import { MaybeComputedRef, MaybeRef } 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, SchemaAugmentations, MergeHead, BaseHtmlAttr, MaybeArray, BaseBodyAttr } from '@unhead/schema';
+export { HeadTag, MergeHead } from '@unhead/schema';
 import { DataKeys, DefinedValueOrEmptyObject } from '@zhead/schema';
 import * as unhead from 'unhead';
-import { HeadEntryOptions, Arrayable, HeadClient } from 'unhead';
-import { InjectionKey, Plugin } from 'vue';
+import { HeadEntryOptions, Arrayable, HeadClient, CreateHeadOptions } from 'unhead';
+import { Plugin, InjectionKey } from 'vue';
+export { debouncedRenderDOMHead, renderDOMHead } from 'unhead/client';
+export { renderSSRHead } from 'unhead/server';
 
 declare type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
     [key in keyof T]?: MaybeComputedRef<T[key]>;
@@ -121,9 +124,11 @@ declare const useHtmlAttrs: (attrs: ReactiveHead['htmlAttrs']) => void;
 declare const useBodyAttrs: (attrs: ReactiveHead['bodyAttrs']) => void;
 
 declare const Vue3: boolean;
-declare type VueHeadClient = HeadClient<ReactiveHead>;
+declare type VueHeadClient = HeadClient<ReactiveHead> & Plugin;
 declare const headSymbol: InjectionKey<VueHeadClient>;
 declare function injectHead(): VueHeadClient;
-declare function createHead(): HeadClient<ReactiveHead> & Plugin;
+declare function createHead<T>(options: CreateHeadOptions<T>): VueHeadClient;
 
-export { Base, BodyAttributes, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, Vue3, VueHeadClient, VueReactiveInputPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };
+declare const HeadVuePlugin: Plugin;
+
+export { Base, BodyAttributes, HeadVuePlugin, HtmlAttributes, Link, MaybeComputedRefEntries, Meta, Noscript, ReactiveHead, Script, Style, Title, TitleTemplate, Vue3, VueHeadClient, VueReactiveInputPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };

package/dist/index.mjs

@@ -2,6 +2,9 @@ import { resolveUnref } from '@vueuse/shared';
 import { unref, getCurrentInstance, ref, watchEffect, watch, nextTick, onBeforeUnmount, version, inject } from 'vue';
 import { defineHeadPlugin, asArray, getActiveHead, createHead as createHead$1, HydratesStatePlugin } from 'unhead';
 import { debouncedRenderDOMHead } from 'unhead/client';
+export { debouncedRenderDOMHead, renderDOMHead } from 'unhead/client';
+export { renderSSRHead } from 'unhead/server';
+export { HeadTag, MergeHead } from '@unhead/schema';
 
 function resolveUnrefHeadInput(ref) {
   const root = resolveUnref(ref);
@@ -91,11 +94,13 @@ const headSymbol = Symbol("head");
 function injectHead() {
   return getCurrentInstance() && inject(headSymbol) || getActiveHead();
 }
-function createHead() {
+function createHead(options) {
   const head = createHead$1({
+    ...options,
     plugins: [
       HydratesStatePlugin,
-      VueReactiveInputPlugin
+      VueReactiveInputPlugin,
+      ...options.plugins || []
     ]
   });
   const vuePlugin = {
@@ -108,10 +113,10 @@ function createHead() {
           const instance = getCurrentInstance();
           if (!instance)
             return;
-          const options = instance.type;
-          if (!options || !("head" in options))
+          const options2 = instance.type;
+          if (!options2 || !("head" in options2))
             return;
-          const source = typeof options.head === "function" ? () => options.head() : options.head;
+          const source = typeof options2.head === "function" ? () => options2.head() : options2.head;
           head.push(source);
         }
       });
@@ -120,4 +125,30 @@ function createHead() {
   return { ...vuePlugin, ...head };
 }
 
-export { Vue3, VueReactiveInputPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };
+const HeadVuePlugin = function(_Vue) {
+  _Vue.mixin({
+    beforeCreate() {
+      const options = this.$options;
+      if (options.head) {
+        const origProvide = options.provide;
+        options.provide = function() {
+          let origProvideResult;
+          if (typeof origProvide === "function")
+            origProvideResult = origProvide.call(this);
+          else
+            origProvideResult = origProvide || {};
+          return {
+            ...origProvideResult,
+            [headSymbol]: options.head
+          };
+        };
+        if (!this.$head)
+          this.$head = options.head;
+      } else if (!this.$head && options.parent && options.parent.$head) {
+        this.$head = options.parent.$head;
+      }
+    }
+  });
+};
+
+export { HeadVuePlugin, Vue3, VueReactiveInputPlugin, createHead, headSymbol, injectHead, resolveUnrefHeadInput, useBase, useBodyAttrs, useHead, useHtmlAttrs, useLink, useMeta, useNoscript, useScript, useServerHead, useStyle, useTitle, useTitleTemplate };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "packageManager": "pnpm@7.14.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -31,10 +31,10 @@
     "vue": ">=2.7 || >=3"
   },
   "dependencies": {
-    "@unhead/schema": "0.0.2",
+    "@unhead/schema": "0.0.5",
     "@vueuse/shared": "latest",
     "@zhead/schema": "^1.0.0-beta.4",
-    "unhead": "0.0.2"
+    "unhead": "0.0.5"
   },
   "devDependencies": {
     "vue": "latest"