arc-plugin-enhance
arc-plugin-enhance copied to clipboard
Parser will extract script tags in script tags and bork the parent script
Sounds wild, I know. And it's a bit of an edge case.
But if you have a script tag in an element definition, and then in that script tag you have a string that contains an open or close "
Here's a sample <my-element>
that will blow up in the browser -- server render works, or at least doesn't throw
export default function ({ html }) {
return html`
<h1 class="text4 font-mono">my-element</h1>
<script>
console.log('start.')
// this string will trip up the parser
const someHTML2 = '<script>window.$$ = "$$";</script>'
console.log('done.')
</script>
`
}
and here's a screenshot of what is rendered