]> git.r.bdr.sh - rbdr/forum/blob - src/routes/g/[id].svelte
023fbd8636e1794aa322536e85831a8c8ff19c56
[rbdr/forum] / src / routes / g / [id].svelte
1 <script context="module">
2 export const load = ({
3 page: {
4 params: { id }
5 }
6 }) => ({ props: { id } });
7 </script>
8
9 <script>
10 import { _ } from 'svelte-i18n';
11 import { getTag } from '$/stores/tag';
12 import ErrorBlock from '$/components/error_block/error_block.svelte';
13 import Loader from '$/components/loader/loader.svelte';
14 import Tag from '$/components/tag/tag.svelte';
15 export let id;
16
17 $: store = getTag(id);
18 $: tag = $store.data;
19 </script>
20
21 <svelte:head>
22 <title>{id}, {$_('tag.title')}</title>
23 </svelte:head>
24
25 {#if $store.loading}
26 <Loader />
27 {/if}
28 {#if $store.error}
29 <ErrorBlock message={$_('tag.error.unavailable')} />
30 {/if}
31 {#if tag}
32 <Tag {tag} />
33 {/if}