@unhead/vue 0.3.1 → 0.4.2

package/dist/index.cjs

@@ -14,7 +14,7 @@ function resolveUnrefHeadInput(ref) {
   if (typeof root === "object") {
     return Object.fromEntries(
       Object.entries(root).map(([key, value]) => {
-        if (key === "titleTemplate")
+        if (key === "titleTemplate" || key.startsWith("on"))
           return [key, vue.unref(value)];
         return [key, resolveUnrefHeadInput(value)];
       })
@@ -27,7 +27,6 @@ function asArray(value) {
 }
 
 const Vue3 = vue.version.startsWith("3");
-vue.version.startsWith("2.");
 const IsBrowser = typeof window !== "undefined";
 
 function unpackToArray(input, options) {
@@ -220,7 +219,9 @@ const useServerHtmlAttrs = (attrs) => useServerHead({ htmlAttrs: attrs });
 const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
 function useHead(input, options = {}) {
-  if (options.mode === "server" && IsBrowser || options.mode === "client" && !IsBrowser)
+  const head = injectHead();
+  const isBrowser = IsBrowser || head.resolvedOptions?.document;
+  if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
     return;
   IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
 }
@@ -248,7 +249,7 @@ function injectHead() {
 }
 function createHead(options = {}) {
   const plugins = [
-    unhead.HydratesStatePlugin(),
+    unhead.HydrateStateFromSSRPlugin(),
     VueReactiveUseHeadPlugin(),
     ...options?.plugins || []
   ];

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, HydratesStatePlugin, createHead as createHead$1, defineHeadPlugin } from 'unhead';
+import { getActiveHead, HydrateStateFromSSRPlugin, createHead as createHead$1, defineHeadPlugin } from 'unhead';
 export * from '@unhead/dom';
 
 function resolveUnrefHeadInput(ref) {
@@ -12,7 +12,7 @@ function resolveUnrefHeadInput(ref) {
   if (typeof root === "object") {
     return Object.fromEntries(
       Object.entries(root).map(([key, value]) => {
-        if (key === "titleTemplate")
+        if (key === "titleTemplate" || key.startsWith("on"))
           return [key, unref(value)];
         return [key, resolveUnrefHeadInput(value)];
       })
@@ -25,7 +25,6 @@ function asArray(value) {
 }
 
 const Vue3 = version.startsWith("3");
-version.startsWith("2.");
 const IsBrowser = typeof window !== "undefined";
 
 function unpackToArray(input, options) {
@@ -218,7 +217,9 @@ const useServerHtmlAttrs = (attrs) => useServerHead({ htmlAttrs: attrs });
 const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
 function useHead(input, options = {}) {
-  if (options.mode === "server" && IsBrowser || options.mode === "client" && !IsBrowser)
+  const head = injectHead();
+  const isBrowser = IsBrowser || head.resolvedOptions?.document;
+  if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
     return;
   IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
 }
@@ -246,7 +247,7 @@ function injectHead() {
 }
 function createHead(options = {}) {
   const plugins = [
-    HydratesStatePlugin(),
+    HydrateStateFromSSRPlugin(),
     VueReactiveUseHeadPlugin(),
     ...options?.plugins || []
   ];

package/package.json

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