El resaltado de sintaxis es incorrecto cuando el componente anterior se cierra automáticamente. (Vea la captura de pantalla a continuación).
Puede copiar el siguiente código en un archivo *.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 -->
Comportamiento esperado
El resaltado debe volver al comportamiento normal después de componentes de cierre automático como <SelfClosingComponent/>
.
Captura de pantalla
Sistema (complete la siguiente información):
Potencialmente relacionado: https://github.com/sveltejs/language-tools/issues/299
Un ejemplo más simple
<div/>
<div></div>
Solo ocurre si no hay espacio antes de la parte de cierre.
¡Woo hoo! ¡Gracias @dummdidumm!