fix(unhead): multiword attributes in template (#568)

NikSimonov · web-flow · commit f635b929bddb · 2025-08-05T18:34:52.000+10:00
diff --git a/packages/unhead/src/server/util/extractUnheadInputFromHtml.ts b/packages/unhead/src/server/util/extractUnheadInputFromHtml.ts
@@ -1,6 +1,6 @@
 import type { SerializableHead } from '../../types'
 
-const Attrs = /(\w+)(?:=["']([^"']*)["'])?/g
+const Attrs = /(\w+-?\w+)(?:=["']([^"']*)["'])?/g
 const HtmlTag = /<html[^>]*>/
 const BodyTag = /<body[^>]*>/
 const HeadContent = /<head[^>]*>(.*?)<\/head>/s
diff --git a/packages/unhead/test/unit/server/ssr.test.ts b/packages/unhead/test/unit/server/ssr.test.ts
@@ -132,6 +132,31 @@ describe('ssr', () => {
   `)
   })
 
+  it('multiword attributes in html template', async () => {
+    const head = createServerHeadWithContext()
+
+    expect(await transformHtmlTemplate(head, `
+      <html>
+      <head>
+      <meta http-equiv="X-UA-Compatible" content="IE=edge">
+      </head>
+      <body>
+      <!--app-html-->
+      </body>
+      </html>
+      `)).toMatchInlineSnapshot(`
+        "
+        <html>
+        <head>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge"></head>
+        <body>
+        <!--app-html-->
+        </body>
+        </html>
+        "
+      `)
+  })
+
   it('useSeoMeta', async () => {
     const head = createServerHeadWithContext()
 
