fix(useStyleTag): allow multiline CSS (#2476)

vueuse · Nov 25, 2022 · cfcc295 · cfcc295
1 parent 91ec774
commit cfcc295
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/core/useStyleTag/demo.vue b/packages/core/useStyleTag/demo.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
 import { useStyleTag } from '@vueuse/core'
 
-const { id, css, load, unload, isLoaded } = useStyleTag('.demo { background: #ad4c2e50 }')
+const customCSS = `
+.demo { background: #ad4c2e50; }
+.demo textarea { background: lightyellow; }
+`.trim()
+
+const { id, css, load, unload, isLoaded } = useStyleTag(customCSS)
 </script>
 
 <template>

diff --git a/packages/core/useStyleTag/index.ts b/packages/core/useStyleTag/index.ts
@@ -87,7 +87,7 @@ export function useStyleTag(
     stop = watch(
       cssRef,
       (value) => {
-        el.innerText = value
+        el.textContent = value
       },
       { immediate: true },
     )