Language-tools: Typescript: Error when using `this` & `on:submit` together on `svelte:component`

Created on 4 Aug 2020 · 1Comment · Source: sveltejs/language-tools

Describe the bug
Using a construct like this:

<svelte:component this={directive.component} on:submit={handleSubmit} />

compiles and works perfectly but emits the following errors in svelte-check:

src/add/CompleteWord.svelte:41:84
Error: ',' expected. (ts)

src/add/CompleteWord.svelte:41:81
Error: Unexpected token. Did you mean `{'}'}` or `&rbrace;`? (ts)

src/add/CompleteWord.svelte:20:14
Hint: 'handleSubmit' is declared but its value is never read. (ts)

src/add/CompleteWord.svelte:41:84
Error: Cannot use namespace 'svelte' as a value. (ts)

To Reproduce

Setup a svelte project with standard typescript support
Create the following code

<script lang="ts">
  import Whatever from './Whatever.svelte';

  function handleSubmit() {
    console.log('test')
  }
</script>

<svelte:component this={Whatever} on:submit={handleSubmit}/>