aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/+error.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/routes/+error.svelte')
-rw-r--r--src/routes/+error.svelte40
1 files changed, 40 insertions, 0 deletions
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 00000000..78e7b5a6
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,40 @@
+<script context="module">
+ throw new Error("@migration task: Replace error load function (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3293209)");
+
+ // 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" style="mx-auto" />
+ </a>
+
+ <Icon icon="error" style="mx-auto w-56" />
+
+ <h1 class="font-bold text-5xl">Error</h1>
+ <p class="px-1 w-full md:w-96 break-all font-bold">{error.message.toUpperCase()}</p>
+ <p>Please try again or contact support.</p>
+ </div>
+ </div>
+{/if}