O realce de sintaxe fica incorreto quando o componente anterior fecha automaticamente. (Veja a imagem abaixo.)
Você pode copiar o seguinte código em um arquivo *.svelte
para ver:
<SelfClosingComponent/>
<div>stuff</div> <!-- highlight problem with opening tag -->
<div>stuff</div> <!-- no highlight problem -->
<SelfClosingComponent/>
<meta/> <!-- highlight problem -->
<SelfClosingComponent/>
<div/> <!-- highlight problem, but also not valid html, so...??? -->
<SelfClosingComponent/>
<!-- <Intro/> --> <!-- highlight problem -->
<!-- <Intro/> --> <!-- returns to normal after problem -->
<SelfClosingComponent></SelfClosingComponent>
<div>stuff</div> <!-- no highlight problem when component has ending tag -->
Comportamento esperado
O destaque deve retornar ao comportamento normal após componentes de fechamento automático, como <SelfClosingComponent/>
.
Captura de tela
Sistema (preencha as seguintes informações):
Potencialmente relacionado: https://github.com/sveltejs/language-tools/issues/299
Um exemplo mais simples
<div/>
<div></div>
Só acontece se não houver espaço antes da parte de fechamento
Woo hoo! Obrigado @dummdidumm!