diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-06-28 23:38:23 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2021-06-28 23:38:23 +0200 |
| commit | 010f307346e525ac2e4239a0549d2c1a4d6d102b (patch) | |
| tree | 7cfb25c82de6ac3dcf24f17f795e09ec8255b00b /src/routes/__layout.svelte | |
| parent | fb76052a02708a8fafa310d99d7d7b403b4b7ad8 (diff) | |
Update sveltekit versionmaster
Diffstat (limited to 'src/routes/__layout.svelte')
| -rw-r--r-- | src/routes/__layout.svelte | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte new file mode 100644 index 0000000..234d26a --- /dev/null +++ b/src/routes/__layout.svelte @@ -0,0 +1,46 @@ +<script> + import '$/config/i18n'; + + import { isLoading } from 'svelte-i18n'; + import { _ } from 'svelte-i18n'; + + import { getForums } from '$/stores/forums'; + + import ErrorBlock from '$/components/error_block/error_block.svelte'; + import ForumList from '$/components/forum_list/forum_list.svelte'; + import Header from '$/components/header/header.svelte'; + import Loader from '$/components/loader/loader.svelte'; + import Footer from '$/components/footer/footer.svelte'; + + $: store = getForums(); + $: forums = $store.data; +</script> + +{#if $isLoading} + <Loader /> +{:else} + <Header /> + <main> + <slot /> + </main> + <nav title={$_('forum_list.title')}> + {#if $store.loading} + <Loader /> + {/if} + {#if $store.error} + <ErrorBlock message={$_('forum_list.error.unavailable')} /> + {/if} + {#if forums} + <ForumList forums={forums} /> + {/if} + </nav> + <Footer /> +{/if} + +<style> + nav { + grid-column: col-start 1; + grid-row: 2; + border-right: 1px solid black; + } +</style> |