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