Syntax Error when using <h6> with inlines components

[j3rem1e]

Describe the bug

I have two components:

Child.svelte

<slot {t}/>

<script>
  const t = '';
</script>

Parent.svelte

<script>
import Child from './Child.svelte'
</script>

<h6><Child let:t>xx</Child><h6>

In VS Code, </Child> has the following errors:

• Expected corresponding closing tag for JSX fragment
• ';' expected
• Identifier expected.
• Unexpected token. Did you mean {'}'}or }?
• Expected corresponding JSX closing tag for 'Child'

svelte2tsx has generated this invalid code (the closure doesn't close correctly)

<h6><Child >{() => { let {t} = __sveltets_instanceOf(Child).$$slot_def['default'];<>xx</Child></>}}</h6></>);

To Reproduce
See the components above

Expected behavior
No errors in vscode

System (please complete the following information):

• OS: Windows 10
• IDE: VSCode

[j3rem1e]

The bug is here : https://github.com/sveltejs/language-tools/blob/master/packages/svelte2tsx/src/htmlxtojsx/nodes/component.ts#L83

It should be

const closeTagStart = htmlx.lastIndexOf('<', slotEl.end - 1);

[dummdidumm]

PR welcome if you solved it 🎉

[dummdidumm]

Thanks for the PR! I'll close when it's released.