(tab = "write")} > Write (tab = "preview")} > Preview {#if tab === "write"} {:else} <Pending> {#snippet skeleton()} <div class={`${pane} ${surface} typography-paragraph-small text-foreground-subtle italic`} > Rendering… </div> {/snippet} {#snippet failed()} <div class={`${pane} ${surface} typography-paragraph-small text-foreground-subtle italic`} > Could not render preview. </div> {/snippet} {@const html = await preview} {#if html} <div class={`markup ${pane} ${surface}`} use:enhanceCodeblocks={html}> <!-- eslint-disable-next-line svelte/no-at-html-tags -- sanitised in $lib/markup --> {@html html} </div> {:else} <EmptyState size="inline" message="Nothing to preview." class={`justify-center italic ${pane} ${surface}`} /> {/if} </Pending> {/if} </div>