{@render ...}

Используйте тег {@render ...} для отображения фрагментов:

{#snippet sum(a, b)}
  <p>{a} + {b} = {a + b}</p>
{/snippet}

{@render sum(1, 2)}
{@render sum(3, 4)}
{@render sum(5, 6)}

Выражение может быть идентификатором (sum) или произвольным выражением на JavaScript:

{@render (cool ? coolSnippet : lameSnippet)()}

Необязательные фрагменты

Если фрагмент может быть неопределённым — например, потому что это входной пропс, — вы можете использовать опциональную цепочку, чтобы отображать его только тогда, когда он определён:

{@render children?.()}

Используйте блок {#if ...} с конструкцией :else для отображения альтернативного контента:

{#if children}
  {@render children()}
{:else}
  <p>альтернативный контент</p>
{/if}