chore: soft dependency unhead 1.10.4

Fixes #219

Author: harlan-zw

package.json

@@ -120,14 +120,14 @@
     "@nuxt/schema": "3.13.0",
     "@nuxt/scripts": "workspace:*",
     "@unhead/dom": "1.10.2",
-    "@unhead/schema": "1.10.3",
-    "@unhead/shared": "1.10.3",
-    "@unhead/ssr": "1.10.3",
-    "@unhead/vue": "1.10.3",
+    "@unhead/schema": "1.10.4",
+    "@unhead/shared": "1.10.4",
+    "@unhead/ssr": "1.10.4",
+    "@unhead/vue": "1.10.4",
     "nuxt": "^3.13.0",
     "nuxt-scripts-devtools": "workspace:*",
     "shiki": "1.10.3",
-    "unhead": "1.10.3",
+    "unhead": "1.10.4",
     "vue": "^3.4.38",
     "vue-router": "^4.4.3"
   }

playground/pages/third-parties/youtube/multiple.vue

@@ -0,0 +1,42 @@
+<script setup>
+import { ref } from 'vue'
+
+const videoid = ref('d_IFKP1Ofq0')
+
+function changeVideo() {
+  videoid.value = 'N8siuNjyV7A'
+}
+</script>
+
+<template>
+  <div>
+    <div>
+      <ScriptYouTubePlayer :video-id="videoid" above-the-fold>
+        <template #awaitingLoad>
+          <div class="text-lg top-5 absolute left-10">
+            Nuxt Nation 2023: Daniel Roe - A New Nuxt - Release of Nuxt v3.8
+          </div>
+          <div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px]">
+            <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00" /><path d="M 45,24 27,14 27,34" fill="#fff" /></svg>
+          </div>
+        </template>
+      </ScriptYouTubePlayer>
+      <ScriptYouTubePlayer video-id="eRaU29KuhLE" above-the-fold>
+        <template #awaitingLoad>
+          <div class="text-lg top-5 absolute left-10">
+            Test
+          </div>
+          <div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 h-[48px] w-[68px]">
+            <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00" /><path d="M 45,24 27,14 27,34" fill="#fff" /></svg>
+          </div>
+        </template>
+      </ScriptYouTubePlayer>
+    </div>
+    <UButton
+      class="mt-5"
+      @click="changeVideo"
+    >
+      change video
+    </UButton>
+  </div>
+</template>

pnpm-lock.yaml

@@ -107,8 +107,8 @@ export default defineNuxtModule<ModuleOptions>({
       if (!unheadVersion || lt(unheadVersion, '1.10.0')) {
         logger.error(`Nuxt Scripts requires Unhead >= 1.10.0, you are using v${unheadVersion}. Please run \`nuxi upgrade --clean\` to upgrade...`)
       }
-      else if (lt(unheadVersion, '1.10.3')) {
-        logger.warn(`Nuxt Scripts recommends Unhead >= 1.10.3, you are using v${unheadVersion}. Please run \`nuxi upgrade --clean\` to upgrade...`)
+      else if (lt(unheadVersion, '1.10.4')) {
+        logger.warn(`Nuxt Scripts recommends Unhead >= 1.10.4, you are using v${unheadVersion}. Please run \`nuxi upgrade --clean\` to upgrade...`)
       }
     }
     // allow augmenting the options