diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-04-15 23:06:26 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-04-15 23:06:26 +0200 |
| commit | 58f7d52150456713d3132408668a92d0f6f3d084 (patch) | |
| tree | 4b346042a684e416e53c4f4ac779060b832ad227 /src/routes/f | |
| parent | 63c3da2af27fcfb1a9893ade03543e3a30949c8d (diff) | |
Port to sveltekit
Diffstat (limited to 'src/routes/f')
| -rw-r--r-- | src/routes/f/[id].svelte | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/routes/f/[id].svelte b/src/routes/f/[id].svelte new file mode 100644 index 0000000..83afc8a --- /dev/null +++ b/src/routes/f/[id].svelte @@ -0,0 +1,34 @@ +<script context="module"> + export const load = ({ + page: { + params: { id } + } + }) => ({ props: { id } }); +</script> + +<script> + import { _ } from 'svelte-i18n'; + import Forum from '$/components/forum/forum.svelte'; + import ErrorBlock from '$/components/error_block/error_block.svelte'; + import Loader from '$/components/loader/loader.svelte'; + + export let id; + + import { getForum } from '$/stores/forum'; + $: store = getForum(id); + $: forum = $store.data; +</script> + +<svelte:head> + <title>{$_(`forum.name.${id}`)}, {$_('forum.forum')}</title> +</svelte:head> + +{#if $store.loading} + <Loader /> +{/if} +{#if $store.error} + <ErrorBlock message={$_('forum.error.unavailable')} /> +{/if} +{#if forum} + <Forum {forum} /> +{/if} |