From d45d698f5d4f71770261374c57c14d4688dee7ae Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 10 Mar 2022 20:55:31 +0000
Subject: [PATCH] fix: extract inline scripts from template

---
 packages/ui-templates/lib/render.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/ui-templates/lib/render.ts b/packages/ui-templates/lib/render.ts
index 371f74b448..79c6d72dc9 100644
--- a/packages/ui-templates/lib/render.ts
+++ b/packages/ui-templates/lib/render.ts
@@ -77,23 +77,30 @@ export const RenderPlugin = () => {
           .match(/<body.*?>([\s\S]*)<\/body>/)?.[0]
           .replace(/(?<=<|<\/)body/g, 'div')
           .replace(/messages\./g, '')
+          .replace(/<script[^>]*>([\s\S]*?)<\/script>/g, '')
           .replace(/<a href="(\/[^"]*)"([^>]*)>([\s\S]*)<\/a>/g, '<NuxtLink to="$1"$2>$3</NuxtLink>')
-          .replace(/>{{\s*([\s\S]+?)\s*}}<\/[\w-]*>/g, ' v-html="$1" />')
+          .replace(/>{{\s*(\w+?)\s*}}<\/[\w-]*>/g, ' v-html="$1" />')
         // We are not matching <link> <script> and <meta> tags as these aren't used yet in nuxt/ui
         // and should be taken care of wherever this SFC is used
         const title = html.match(/<title.*?>([\s\S]*)<\/title>/)?.[1].replace(/{{([\s\S]+?)}}/g, (r) => {
           return `\${${r.slice(2, -2)}}`.replace(/messages\./g, 'props.')
         })
         const styleContent = Array.from(html.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/g)).map(block => block[1])
+        const inlineScripts = Array.from(html.matchAll(/<script>([\s\S]*?)<\/script>/g))
+          .map(block => block[1])
+          .filter(i => !i.includes('const t=document.createElement("link")'))
         const props = genObjectFromRawEntries(Object.entries({ ...genericMessages, ...messages }).map(([key, value]) => [key, {
           type: typeof value === 'string' ? 'String' : typeof value === 'number' ? 'Number' : typeof value === 'boolean' ? 'Boolean' : 'undefined',
           default: JSON.stringify(value)
         }]))
         const vueCode = [
           '<script setup lang="ts">',
-          title && '  import { useMeta } from \'#app\'',
-          `  const props = defineProps(${props})`,
-          title && `  useMeta({ title: \`${title}\` })`,
+          title && 'import { useMeta } from \'#app\'',
+          `const props = defineProps(${props})`,
+          title && 'useMeta(' + genObjectFromRawEntries([
+            ['title', `\`${title}\``],
+            ['script', inlineScripts.map(s => ({ children: `\`${s}\`` }))]
+          ]) + ')',
           '</script>',
           '<template>',
           templateContent,