TypeScript spell check suggesting generated variable for undeclared component

[jasonlyu123]

Describe the bug

This only happens in the new transformation because the suggested variable only exists to check if the variable is a valid component. This seems to be related to how similar the generated variable is to the original component name. So the longer the name of the component, the lower the percentage of the prefix and suffix.

Reproduction

<script lang="ts"></script>

<MyLongComponent />

Expected behaviour

1. The error should be "Cannot find name 'MyLongComponent'" but is "Cannot find name 'MyLongComponent'. Did you mean '$$_MyLongComponent0C' ?".
2. The quick fix for it should be to import a component with the same name but it's "Change spelling to $$_MyLongComponent0C"

System Info

• OS: Windows
• IDE: VSCode

Which package is the issue about?

svelte2tsx svelte-language-server

Additional Information, eg. Screenshots

No response

[jasonlyu123]

It seems like if we suffix the variable with an equal number of nonsense characters. like $$_MyLongComponent0C$$$$$$$$$$$$$$$$. TypeScript would stop saying the undeclared variable is a misspelling of the generated variable 😅

[dummdidumm]

mhm that's unfortunate. Alternatives I can think of:

• change the name completely to something like $$_1_0 where 1 is taking out of some componentname->number map ({ MyLongComponent: 1, ... })?
• Reverse the component name (tnenopmoCgnoLyM)

[jasonlyu123]

Reverse the name works. I also tried repeating the name twice to MyLongComponetMyLongComponent which also works. Which one do you prefer?

[dummdidumm]

I vote for reversing