Readme.svelte
<script lang="ts">
import type { Readme } from '#lib/api/Readme.ts';
import Icon from '#lib/atoms/Icon.svelte';
let { readme }: { readme: Readme } = $props();
</script>
<article class="box">
<div class="boxhead"><Icon name="file" /><b>{readme.name}</b></div>
{#if readme.html !== null}
<div class="prose">{@html readme.html}</div>
{:else}
<div class="prose"><pre>{readme.text}</pre></div>
{/if}
</article>