@unhead/vue 1.0.2 → 1.0.4

package/dist/index.cjs

@@ -44,6 +44,8 @@ const setAttrs = (ctx, markSideEffect) => {
     value = String(value);
     const attrSdeKey = `attr:${k}`;
     if (k === "class") {
+      if (!value)
+        return;
       for (const c of value.split(" ")) {
         const classSdeKey = `${attrSdeKey}:${c}`;
         if (markSideEffect)
@@ -324,7 +326,7 @@ const renderTitleTemplate = (template, title) => {
   return template.replace("%s", title ?? "");
 };
 function resolveTitleTemplateFromTags(tags) {
-  const titleTemplateIdx = tags.findIndex((i) => i.tag === "titleTemplate");
+  let titleTemplateIdx = tags.findIndex((i) => i.tag === "titleTemplate");
   const titleIdx = tags.findIndex((i) => i.tag === "title");
   if (titleIdx !== -1 && titleTemplateIdx !== -1) {
     const newTitle = renderTitleTemplate(
@@ -343,6 +345,7 @@ function resolveTitleTemplateFromTags(tags) {
     if (newTitle !== null) {
       tags[titleTemplateIdx].children = newTitle;
       tags[titleTemplateIdx].tag = "title";
+      titleTemplateIdx = -1;
     }
   }
   if (titleTemplateIdx !== -1) {
@@ -581,7 +584,7 @@ const TagEntityBits = 10;
 
 async function normaliseEntryTags(e) {
   const tagPromises = [];
-  Object.entries(e.input).filter(([k, v]) => typeof v !== "undefined" && ValidHeadTags.includes(k)).forEach(([k, value]) => {
+  Object.entries(e.resolvedInput || e.input).filter(([k, v]) => typeof v !== "undefined" && ValidHeadTags.includes(k)).forEach(([k, value]) => {
     const v = asArray$1(value);
     tagPromises.push(...v.map((props) => normaliseTag(k, props)).flat());
   });
@@ -797,7 +800,7 @@ const VueReactiveUseHeadPlugin = () => {
     hooks: {
       "entries:resolve": function(ctx) {
         for (const entry of ctx.entries)
-          entry.input = resolveUnrefHeadInput(entry.input);
+          entry.resolvedInput = resolveUnrefHeadInput(entry.input);
       }
     }
   });
@@ -1008,10 +1011,10 @@ const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
 function useHead(input, options = {}) {
   const head = injectHead();
-  const isBrowser = IsBrowser || head.resolvedOptions?.document;
+  const isBrowser = IsBrowser || !!head.resolvedOptions?.document;
   if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
     return;
-  return IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
+  return isBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
 }
 const useTagTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });

package/dist/index.mjs

@@ -42,6 +42,8 @@ const setAttrs = (ctx, markSideEffect) => {
     value = String(value);
     const attrSdeKey = `attr:${k}`;
     if (k === "class") {
+      if (!value)
+        return;
       for (const c of value.split(" ")) {
         const classSdeKey = `${attrSdeKey}:${c}`;
         if (markSideEffect)
@@ -322,7 +324,7 @@ const renderTitleTemplate = (template, title) => {
   return template.replace("%s", title ?? "");
 };
 function resolveTitleTemplateFromTags(tags) {
-  const titleTemplateIdx = tags.findIndex((i) => i.tag === "titleTemplate");
+  let titleTemplateIdx = tags.findIndex((i) => i.tag === "titleTemplate");
   const titleIdx = tags.findIndex((i) => i.tag === "title");
   if (titleIdx !== -1 && titleTemplateIdx !== -1) {
     const newTitle = renderTitleTemplate(
@@ -341,6 +343,7 @@ function resolveTitleTemplateFromTags(tags) {
     if (newTitle !== null) {
       tags[titleTemplateIdx].children = newTitle;
       tags[titleTemplateIdx].tag = "title";
+      titleTemplateIdx = -1;
     }
   }
   if (titleTemplateIdx !== -1) {
@@ -579,7 +582,7 @@ const TagEntityBits = 10;
 
 async function normaliseEntryTags(e) {
   const tagPromises = [];
-  Object.entries(e.input).filter(([k, v]) => typeof v !== "undefined" && ValidHeadTags.includes(k)).forEach(([k, value]) => {
+  Object.entries(e.resolvedInput || e.input).filter(([k, v]) => typeof v !== "undefined" && ValidHeadTags.includes(k)).forEach(([k, value]) => {
     const v = asArray$1(value);
     tagPromises.push(...v.map((props) => normaliseTag(k, props)).flat());
   });
@@ -795,7 +798,7 @@ const VueReactiveUseHeadPlugin = () => {
     hooks: {
       "entries:resolve": function(ctx) {
         for (const entry of ctx.entries)
-          entry.input = resolveUnrefHeadInput(entry.input);
+          entry.resolvedInput = resolveUnrefHeadInput(entry.input);
       }
     }
   });
@@ -1006,10 +1009,10 @@ const useServerBodyAttrs = (attrs) => useHead({ bodyAttrs: attrs });
 
 function useHead(input, options = {}) {
   const head = injectHead();
-  const isBrowser = IsBrowser || head.resolvedOptions?.document;
+  const isBrowser = IsBrowser || !!head.resolvedOptions?.document;
   if (options.mode === "server" && isBrowser || options.mode === "client" && !isBrowser)
     return;
-  return IsBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
+  return isBrowser ? clientUseHead(input, options) : serverUseHead(input, options);
 }
 const useTagTitle = (title) => useHead({ title });
 const useTitleTemplate = (titleTemplate) => useHead({ titleTemplate });

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.0.2",
-  "packageManager": "pnpm@7.14.0",
+  "version": "1.0.4",
+  "packageManager": "pnpm@7.17.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -33,12 +33,12 @@
     "vue": ">=2.7 || >=3"
   },
   "dependencies": {
-    "@unhead/schema": "1.0.2",
-    "hookable": "^5.4.1"
+    "hookable": "^5.4.2",
+    "@unhead/schema": "1.0.4"
   },
   "devDependencies": {
-    "unhead": "1.0.2",
-    "vue": "^3.2.45"
+    "vue": "^3.2.45",
+    "unhead": "1.0.4"
   },
   "scripts": {
     "build": "unbuild .",