Closed
Description
Describe the bug
<script>
import Component from "./Component.svelte";
</script>
<Component>
<div>
<svelte:component this={true && Component} />
</div>
</Component>this get's migrated to
<script>
import Component from "./Component.svelte";
</script>
<Component>
<div>
{@const SvelteComponent = true && Component}
<SvelteComponent />
</div>
</Component>which is a compile error.
Also migrating this
<InputAutoComplete>
<AutoCompleteItem>
<svelte:component this={item.type === 'city' ? CityIcon : TrainIcon} />
</AutoCompleteItem>
</InputAutoComplete>results in this
<InputAutoComplete>
<AutoCompleteItem>
{@const SvelteComponent = item.type === 'city' ? CityIcon : TrainIcon}
{@const SvelteComponent = item.type === 'city' ? CityIcon : TrainIcon}
<SvelteComponent />
</AutoCompleteItem>
</InputAutoComplete>which is also a runtime error.
Reproduction
Logs
No response
System Info
-Severity
annoyance