feat(head): allow using the default slot for script content

nuxt · Sep 27, 2022 · f7e45c9 · f7e45c9
1 parent 2e080c2
commit f7e45c9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/examples/composables/use-head/app.vue b/examples/composables/use-head/app.vue
@@ -12,6 +12,7 @@
         <Title>Luck number: {{ dynamic }}</Title>
         <Meta name="description" :content="`My page's ${dynamic} description`" />
         <Link rel="preload" href="/test.txt" as="script" />
+        <Script>console.log("hello script");</Script>
       </Head>
     </Html>
 

diff --git a/packages/nuxt/src/head/runtime/components.ts b/packages/nuxt/src/head/runtime/components.ts
@@ -90,9 +90,19 @@ export const Script = defineComponent({
     /** @deprecated **/
     language: String
   },
-  setup: setupForUseMeta(script => ({
-    script: [script]
-  }))
+  setup: setupForUseMeta((props, { slots }) => {
+    const script = { ...props }
+    const textContent = (slots.default?.() || [])
+      .filter(({ children }) => children)
+      .map(({ children }) => children)
+      .join('')
+    if (textContent) {
+      script.children = textContent
+    }
+    return {
+      script: [script]
+    }
+  })
 })
 
 // <noscript>