]>
Commit | Line | Data |
---|---|---|
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/tags'; | |
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} |