src/routes/__error.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<script context="module">
	export function load({ error, status }) {
		if (error.message.includes('not found')) {
			error.message = 'Page not found';
			status = 404;
		}

		return {
			props: {
				error,
				status
			}
		};
	}
</script>

<script>
	import { Icon, PageNotFound } from '$comp';
	export let status, error;
</script>

{#if status === 404}
	<PageNotFound />
{:else}
	<div class="flex justify-center items-center mt-20">
		<div class="space-y-5 text-center">
			<a href="/">
				<Icon icon="logo" />
			</a>

			<Icon icon="error" style="mx-auto w-full" />

			<h1 class="font-bold text-5xl">Error</h1>
			<p>{error.message}</p>
			<p>Please try again or contact support.</p>
		</div>
	</div>
{/if}