<script lang="ts" context="module">
export const load = ({
- page: {
- params: { id }
- }
+ params: { id }
}) => ({ props: { id } });
</script>
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}