@unhead/vue 0.6.1 → 0.6.3

package/dist/index.cjs

@@ -5,20 +5,23 @@ const vue = require('vue');
 const unhead = require('unhead');
 const dom = require('@unhead/dom');
 
-function resolveUnrefHeadInput(ref) {
+function resolveUnrefHeadInput(ref, lastKey = "") {
   const root = shared.resolveUnref(ref);
   if (!ref || !root)
     return root;
   if (Array.isArray(root))
-    return root.map(resolveUnrefHeadInput);
+    return root.map((r) => resolveUnrefHeadInput(r, lastKey));
   if (typeof root === "object") {
-    return Object.fromEntries(
+    const unrefdObj = Object.fromEntries(
       Object.entries(root).map(([key, value]) => {
         if (key === "titleTemplate" || key.startsWith("on"))
           return [key, vue.unref(value)];
-        return [key, resolveUnrefHeadInput(value)];
+        return [key, resolveUnrefHeadInput(value, key)];
       })
     );
+    if (unhead.HasElementTags.includes(String(lastKey)) && JSON.stringify(unrefdObj) !== JSON.stringify(root))
+      unrefdObj._dynamic = true;
+    return unrefdObj;
   }
   return root;
 }
@@ -43,12 +46,15 @@ function createHead(options = {}) {
     domDelayFn: (fn) => setTimeout(() => vue.nextTick(() => fn()), 10),
     plugins
   });
-  head.install = (app) => {
-    if (Vue3) {
-      app.config.globalProperties.$unhead = head;
-      app.provide(headSymbol, head);
+  const vuePlugin = {
+    install(app) {
+      if (Vue3) {
+        app.config.globalProperties.$unhead = head;
+        app.provide(headSymbol, head);
+      }
     }
   };
+  head.install = vuePlugin.install;
   return head;
 }
 

package/dist/index.d.ts

@@ -105,7 +105,7 @@ interface ReactiveHead<E extends MergeHead = MergeHead> {
 }
 declare type UseHeadInput<T extends MergeHead = {}> = MaybeComputedRef<ReactiveHead<T>>;
 
-declare function resolveUnrefHeadInput(ref: any): any;
+declare function resolveUnrefHeadInput(ref: any, lastKey?: string | number): any;
 declare function asArray<T>(value: Arrayable<T>): T[];
 
 declare type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;

package/dist/index.mjs

@@ -1,22 +1,25 @@
 import { resolveUnref } from '@vueuse/shared';
 import { unref, version, getCurrentInstance, inject, nextTick, ref, watchEffect, watch, onBeforeUnmount } from 'vue';
-import { getActiveHead, createHead as createHead$1, defineHeadPlugin, composableNames } from 'unhead';
+import { HasElementTags, getActiveHead, createHead as createHead$1, defineHeadPlugin, composableNames } from 'unhead';
 export * from '@unhead/dom';
 
-function resolveUnrefHeadInput(ref) {
+function resolveUnrefHeadInput(ref, lastKey = "") {
   const root = resolveUnref(ref);
   if (!ref || !root)
     return root;
   if (Array.isArray(root))
-    return root.map(resolveUnrefHeadInput);
+    return root.map((r) => resolveUnrefHeadInput(r, lastKey));
   if (typeof root === "object") {
-    return Object.fromEntries(
+    const unrefdObj = Object.fromEntries(
       Object.entries(root).map(([key, value]) => {
         if (key === "titleTemplate" || key.startsWith("on"))
           return [key, unref(value)];
-        return [key, resolveUnrefHeadInput(value)];
+        return [key, resolveUnrefHeadInput(value, key)];
       })
     );
+    if (HasElementTags.includes(String(lastKey)) && JSON.stringify(unrefdObj) !== JSON.stringify(root))
+      unrefdObj._dynamic = true;
+    return unrefdObj;
   }
   return root;
 }
@@ -41,12 +44,15 @@ function createHead(options = {}) {
     domDelayFn: (fn) => setTimeout(() => nextTick(() => fn()), 10),
     plugins
   });
-  head.install = (app) => {
-    if (Vue3) {
-      app.config.globalProperties.$unhead = head;
-      app.provide(headSymbol, head);
+  const vuePlugin = {
+    install(app) {
+      if (Vue3) {
+        app.config.globalProperties.$unhead = head;
+        app.provide(headSymbol, head);
+      }
     }
   };
+  head.install = vuePlugin.install;
   return head;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "packageManager": "pnpm@7.14.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
@@ -33,13 +33,13 @@
     "vue": ">=2.7 || >=3"
   },
   "dependencies": {
-    "@unhead/dom": "0.6.1",
-    "@unhead/schema": "0.6.1",
+    "@unhead/dom": "0.6.3",
+    "@unhead/schema": "0.6.3",
     "@vueuse/shared": "latest",
-    "unhead": "0.6.1"
+    "unhead": "0.6.3"
   },
   "devDependencies": {
-    "vue": "^3.2.42"
+    "vue": "^3.2.45"
   },
   "scripts": {
     "build": "unbuild .",