]>
Commit | Line | Data |
---|---|---|
1 | <script lang="ts" context="module"> | |
2 | export const load = ({ | |
3 | page: { | |
4 | params: { id } | |
5 | } | |
6 | }) => ({ props: { id } }); | |
7 | </script> | |
8 | ||
9 | <script lang="ts"> | |
10 | import { _ } from 'svelte-i18n'; | |
11 | import { getPost } from '$lib/stores/posts'; | |
12 | import Post from '$lib/components/post/post.svelte'; | |
13 | import ErrorBlock from '$lib/components/error_block/error_block.svelte'; | |
14 | import Loader from '$lib/components/loader/loader.svelte'; | |
15 | ||
16 | export let id: string; | |
17 | ||
18 | $: store = getPost(id); | |
19 | $: post = $store.data; | |
20 | </script> | |
21 | ||
22 | <svelte:head> | |
23 | <title>{$_('post.post')}}</title> | |
24 | </svelte:head> | |
25 | ||
26 | {#if $store.loading} | |
27 | <Loader /> | |
28 | {/if} | |
29 | {#if $store.error} | |
30 | <ErrorBlock message={$_('post.error.unavailable')} /> | |
31 | {/if} | |
32 | {#if post} | |
33 | <Post {post} /> | |
34 | {/if} |