-<script>
- import '$/config/i18n';
+<script lang="ts">
+ import '../app.css';
+ import '$lib/i18n';
import { isLoading } from 'svelte-i18n';
import { _ } from 'svelte-i18n';
- import { getForums } from '$/stores/forums';
+ import { getForums } from '$lib/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';
+ import ErrorBlock from '$lib/components/error_block/error_block.svelte';
+ import ForumList from '$lib/components/forum_list/forum_list.svelte';
+ import Header from '$lib/components/header/header.svelte';
+ import Loader from '$lib/components/loader/loader.svelte';
+ import Footer from '$lib/components/footer/footer.svelte';
$: store = getForums();
$: forums = $store.data;
<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>
+ <nav title={$_('forum_list.title')}>
+ {#if $store.loading}
+ <Loader />
+ {/if}
+ {#if $store.error}
+ <ErrorBlock message={$_('forum_list.error.unavailable')} />
+ {/if}
+ {#if forums}
+ <ForumList {forums} />
+ {/if}
+ </nav>
<Footer />
{/if}