<script lang="ts" context="module">
export const load = ({
- page: {
- params: { id }
- }
+ params: { id }
}) => ({ props: { id } });
</script>
<script lang="ts">
import { _ } from 'svelte-i18n';
- import { getPost } from '$lib/stores/posts';
+ import { post } from '$lib/stores/posts';
import Post from '$lib/components/post/post.svelte';
import ErrorBlock from '$lib/components/error_block/error_block.svelte';
import Loader from '$lib/components/loader/loader.svelte';
export let id: string;
- $: store = getPost(id);
- $: post = $store.data;
+ $: postResponse = post(id, true);
</script>
<svelte:head>
<title>{$_('post.post')}}</title>
</svelte:head>
-{#if $store.loading}
+{#if $postResponse.loading}
<Loader />
{/if}
-{#if $store.error}
+{#if $postResponse.error}
<ErrorBlock message={$_('post.error.unavailable')} />
{/if}
-{#if post}
- <Post {post} />
+{#if $postResponse.data}
+ <Post post={$postResponse.data} />
{/if}