chore: Add redirect to home on 404 error

This commit is contained in:
Sidharth Vinod
2025-03-15 20:30:41 -07:00
parent 4973083133
commit c677afc04a
2 changed files with 21 additions and 0 deletions

1
.gitignore vendored
View File

@@ -13,3 +13,4 @@ yarn-error.log
/cypress/videos
/cypress/screenshots
.env.local
docs/

20
src/routes/+error.svelte Normal file
View File

@@ -0,0 +1,20 @@
<script>
import { goto } from '$app/navigation';
import { page } from '$app/stores';
import { onMount } from 'svelte';
// Only redirect if it's a 404 error
onMount(() => {
if ($page.status === 404) {
goto('/');
}
});
</script>
{#if $page.status !== 404}
<div class="container mx-auto p-8">
<h1 class="mb-4 text-2xl font-bold">Error {$page.status}</h1>
<p class="mb-4">{$page.error?.message || 'An unexpected error occurred'}</p>
<a href="/" class="text-blue-500 hover:underline">Return to Home</a>
</div>
{/if}