lasthourcloud/apps/ui/src/routes/__error.svelte
Andras Bacsai 87ba4560ad
v3.0.0 (#476)
* New Version: 3.0.0
2022-07-06 11:02:36 +02:00

32 lines
854 B
Svelte

<script context="module" lang="ts">
export function load({ error, status }: { error: any; status: any }) {
console.log(error);
return {
props: {
error,
status
}
};
}
</script>
<script lang="ts">
import { t } from '$lib/translations';
export let status: string;
export let error: any;
</script>
<div class="mx-auto flex h-screen flex-col items-center justify-center px-4">
<div class="pb-10 text-7xl font-bold">{status}</div>
<div class="text-3xl font-bold">{$t('error.you_are_lost')}</div>
<div class="text-xl">
{$t('error.you_can_find_your_way_back')}
<a href="/" class="font-bold uppercase text-sky-400">{$t('error.here')}</a>
</div>
<div class="py-10 text-xs font-bold">
<pre
class="w-full whitespace-pre-wrap break-words text-left text-xs tracking-tighter">{error.message} {error.stack}</pre>
</div>
</div>