From 8c5db823a4a4812628277d8eec7c28b9743999cb Mon Sep 17 00:00:00 2001
From: Johan Ohly <johanohly@gmail.com>
Date: Mon, 16 Sep 2024 22:58:31 +0200
Subject: [PATCH] fix: add custom error page

---
 src/routes/+error.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/routes/+error.svelte

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..f63d6e0
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { page } from '$app/stores';
+  import { Button } from '$lib/components/ui/button';
+</script>
+
+<div class="flex flex-col h-full items-center justify-center">
+  {#if $page.status === 404}
+    <h1 class="text-3xl font-bold">404</h1>
+    <p class="text-lg">Page not found</p>
+    <Button href="/" variant="outline">Go back</Button>
+  {:else}
+    <h1 class="text-4xl font-bold">An unknown error occured</h1>
+    <p class="text-lg">{$page.error?.message}</p>
+    <p class="italic text-sm">
+      If you are the site owner, please check the logs for more information.
+    </p>
+  {/if}
+</div>