{#snippet avatar(name: string, size: "sm" | "md" = "md")} {@const hue = hueFromName(name || "?")} {/snippet} {#snippet commentBody(c: PublicComment)} {#if editingId === c.id} {:else}

{c.body}

{#if c.can_edit}

{/if} {/if} {/snippet} {#snippet meta(c: PublicComment)}

{c.author} {#if c.can_edit} {t(T.comments_self_marker)} {/if} {fmtRel(c.created_at)} {#if c.updated_at} {t(T.comments_edited)} {/if} {#if c.status === "pending"} {t(T.comments_pending_short)} {/if}

{/snippet}

{#if loading && comments.length === 0}

{:else if loadError}

{t(T.comments_load_error_title)}

{loadError}

{:else} {#if topLevel.length === 0}

{t(T.comments_empty)}

{:else}

{@render avatar(c.author)}
{@render meta(c)} {@render commentBody(c)}

{#if replyTo === c.id}
onReply(e, c.id)} class="mt-3 space-y-2"> {#if replyError}
{replyError}
{/if}
{replyBody.length} / {bodyMax}

{/if} {#if replies.length > 0}
- {@render avatar(r.author, "sm")}
  {@render meta(r)} {@render commentBody(r)}
{/if}

{/if} {/if}