[rbdr/forum] / src / lib / components / forum / forum.svelte

<script lang="ts">
        import type { Forum } from '$lib/data/types';

        export let forum: Forum;

        import { _ } from 'svelte-i18n';
        import TopicSummary from '$lib/components/topic_summary/topic_summary.svelte';
</script>

<h1 class="py-4 font-bold text-3xl">{forum.glyph} {$_(forum.label)}</h1>
<ul class="list-disc list-inside pl-2">
        {#if forum.topics}
                {#each forum.topics as topic}
                        <TopicSummary {topic} />
                {/each}
        {/if}
</ul>