{@render ...}

snippet をレンダリングするには、{@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)()}

Optional snippets

snippet が undefined である可能性がある場合 — 例えば、それが外部から渡されたプロパティである場合、オプショナルチェーン(optional chaining)を使用して、それが定義されている場合のみレンダリングすることができます:

{@render children?.()}

または、{#if ...} ブロックを :else 句と組み合わせて使用し、フォールバックコンテンツをレンダリングします:

{#if children}
	{@render children()}
{:else}
	<p>fallback content</p>
{/if}