From 337e9f86ace66b02c648104077b3a30edbe14e12 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Wed, 10 Jun 2026 00:38:55 +0530
Subject: [PATCH] refactor: Use $app/state instead of $app/stores in error page

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/routes/+error.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index b32ad7be..263529e1 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,21 +1,21 @@
 <script>
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
-  import { page } from '$app/stores';
+  import { page } from '$app/state';
   import { onMount } from 'svelte';
 
   // Only redirect if it's a 404 error
   onMount(() => {
-    if ($page.status === 404) {
+    if (page.status === 404) {
       goto(resolve('/'));
     }
   });
 </script>
 
-{#if $page.status !== 404}
+{#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>
+    <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={resolve('/')} class="text-blue-500 hover:underline">Return to Home</a>
   </div>
 {/if}