<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 { onDestroy } from 'svelte';
import { _ } from 'svelte-i18n';
- import { getTopic } from '$lib/stores/topics';
+ import { topic } from '$lib/stores/topics';
import { disableTopicActions, enableTopicActions } from '$lib/stores/actions';
import Topic from '$lib/components/topic/topic.svelte';
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;
- $: store = getTopic(id);
- $: topic = $store.data;
+ $: response = topic(id, true);
enableTopicActions(id);
onDestroy(() => disableTopicActions());
</script>
<svelte:head>
- {#if $store.loading}
+ {#if $response.loading}
<title>{$_('loader.message')}, {$_('topic.title')}</title>
{/if}
- {#if $store.error}
+ {#if $response.error}
<title>{$_('error.generic.title')}, {$_('topic.title')}</title>
{/if}
- {#if topic}
- <title>{topic.title}, {$_('topic.title')}</title>
+ {#if $response.data}
+ <title>{$response.data.title}, {$_('topic.title')}</title>
{/if}
</svelte:head>
-{#if $store.loading}
+{#if $response.loading}
<Loader />
{/if}
-{#if $store.error}
+{#if $response.error}
<ErrorBlock message={$_('topic.error.unavailable')} />
{/if}
-{#if topic}
- <Topic {topic} />
+{#if $response.data}
+ <Topic topic={$response.data} />
{/if}