Svelte rejeita esta sintaxe:
// conditional open link tag
{#if whatever}
<a href="myurl">
{/if}
//
// many lines of code for dynamic text output
//
// conditional close link tag
{#if whatever}
</a>
{/if}
O compilador de Svelte lança: ParseError: Unexpected block closing tag
no primeiro bloco condicional, porque vê a <a>
sem correspondência </a>
.
Esta é uma necessidade comum: algo pode precisar se tornar um hiperlink em algumas condições, mas não em outras, e o conteúdo contido é complexo demais para ser copiado e colado, de modo que aparece duas vezes. Suponho que a mesma coisa poderia surgir com qualquer outra tag html com tags de abertura e fechamento, onde se deseja adicionar condicionalmente um wrapper html em torno de algo.
Certamente alguém poderia conseguir isso criando um componente condicional para cada tipo de tag html e inserindo o código interno, ou movendo o conteúdo interno para uma função e injetando-o no DOM com {@html...}
, mas essas são soluções desajeitadas para algo tão incrivelmente básico e simples.
Isso parece algo que a estrutura deveria fornecer. Existe uma maneira limpa de fazer isso?