CompileError [ParseError]: <script> must have a closing tag

[silkroadnomad]

When creating a const String variable inside <script></script> which contains the string <style> (e.g. while injecting a css style into an iframe later on), I receive CompileError [ParseError]: <script> must have a closing tag as an error and sveld stops generating.

The code works fine under normal Svelte conditions. Wondering if another preprocessor must run before rollup-plugin.js:164

Example:

<script>
const css=`<style>
		body{ color: white; }
		a:link { color: #ccc; }
		ins { background: green; text-decoration: none; }
		del { background:red;text-decoration: none; }
</style>`
....
</script>

Output:

CompileError [ParseError]: <script> must have a closing tag
    at error (/Users/xyz/node_modules/sveld/node_modules/svelte/compiler.js:13213:20)
    at Parser$1.error (/Users/xyz/code/improve-carbon/node_modules/sveld/node_modules/svelte/compiler.js:13291:10)
    at Object.read_script [as read] (/Users/xyz/code/improve-carbon/node_modules/sveld/node_modules/svelte/compiler.js:9001:17)
    at tag (/Users/xyz/code//node_modules/sveld/node_modules/svelte/compiler.js:12237:34)
    at new Parser$1 (/Users/xyz/code/node_modules/sveld/node_modules/svelte/compiler.js:13250:22)
    at parse$b (/Users/xyz/code//node_modules/sveld/node_modules/svelte/compiler.js:13390:21)
    at compile (/Users/xyz/code/node_modules/sveld/node_modules/svelte/compiler.js:44085:18)
    at ComponentParser.parseSvelteComponent (/Users//code//node_modules/sveld/lib/ComponentParser.js:240:48)
    at /Users/xyz//node_modules/sveld/lib/rollup-plugin.js:164:112
    at step (/Users/xyz//node_modules/sveld/lib/rollup-plugin.js:67:23) {
  code: 'unclosed-script',
  start: { line: 35, column: 13, character: 1064 },
  end: { line: 35, column: 13, character: 1064 },
  pos: 1064,
  filename: undefined,
  frame: '33: \n' +
    "34:   if (themeValue === 'g90' || themeValue === 'g80' || themeValue === 'g100') { //dark mode\n" +
    '35:     const css="\n' +

[metonym]

Try escaping the closing "style" tag:

- </style>
+ <\/style>

[silkroadnomad]

I tried but no success. I also tried double escape via \\.
Imho, the string <style> is somehow caught for interpretation from the svelte compiler before </script> is closing, even tho it appears inside of a string variable.

[silkroadnomad]

I found a good workaround to put my ...

const css=`<style>
		body{ color: white; }
		a:link { color: #ccc; }
		ins { background: green; text-decoration: none; }
		del { background:red;text-decoration: none; }
</style>`

... into a separate style.js file. Exporting/Importing it again solves the problem.
But in general, there's still an issue.

[silkroadnomad]

btw. there is a similar issue here...
probably not related but noteworthy alexprey/sveltedoc-parser#58