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

	export let tag: string;
	export let topics: Topic[];

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

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