fix: use innerHTML for style css (#351)

danielroe · web-flow · commit f2d1e8bf324d · 2023-11-21T16:21:20.000Z
diff --git a/src/module.ts b/src/module.ts
@@ -157,7 +157,7 @@ export default defineNuxtModule<ModuleOptions>({
           [
             `import { defineNuxtPlugin, useHead } from '#imports'`,
             `const css = \`${(await css).replace(/\s+/g, ' ')}\``,
-            `export default defineNuxtPlugin(() => { useHead({ style: [{ children: css ${
+            `export default defineNuxtPlugin(() => { useHead({ style: [{ innerHTML: css ${
               !nuxt.options.dev && options.inject ? '+ __INLINED_CSS__ ' : ''
             }}] }) })`,
           ].join('\n'),

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ export default defineNuxtModule<ModuleOptions>({`
`157`	`157`	`[`
`158`	`158`	`import { defineNuxtPlugin, useHead } from '#imports'`,
`159`	`159`	`const css = \`${(await css).replace(/\s+/g, ' ')}\``,
`160`		- `export default defineNuxtPlugin(() => { useHead({ style: [{ children: css ${
	`160`	+ `export default defineNuxtPlugin(() => { useHead({ style: [{ innerHTML: css ${
`161`	`161`	`!nuxt.options.dev && options.inject ? '+ __INLINED_CSS__ ' : ''`
`162`	`162`	}}] }) })`,
`163`	`163`	`].join('\n'),`