Ran npx sv migrate app-state

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/routes/(app)/(components)/layouts/Sidebar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import * as Sidebar from '$comp/ui/sidebar';
     import { useSidebar } from '$comp/ui/sidebar';
 
@@ -22,7 +22,7 @@
                 {#each dashboardRoutes as route (route.href)}
                     {@const Icon = route.icon}
                     <Sidebar.MenuItem>
-                        <Sidebar.MenuButton isActive={route.href === $page.url.pathname}>
+                        <Sidebar.MenuButton isActive={route.href === page.url.pathname}>
                             {#snippet child({ props })}
                                 <a href={route.href} title={route.title} {...props}>
                                     <Icon />

src/Exceptionless.Web/ClientApp/src/routes/(app)/account/(components)/sidebar-nav.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { HTMLAttributes } from 'svelte/elements';
 
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import { Button } from '$comp/ui/button';
     import { cn } from '$lib/utils';
     import { cubicInOut } from 'svelte/easing';
@@ -23,7 +23,7 @@
 
 <nav class={cn('flex space-x-2 lg:flex-col lg:space-x-0 lg:space-y-1', className)} {...props}>
     {#each routes as route (route.href)}
-        {@const isActive = $page.url.pathname === route.href}
+        {@const isActive = page.url.pathname === route.href}
 
         <Button
             class={cn(!isActive && 'hover:underline', 'relative justify-start hover:bg-transparent')}

src/Exceptionless.Web/ClientApp/src/routes/(app)/account/verify/+page.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import { useFetchClient } from '@exceptionless/fetchclient';
     import { toast } from 'svelte-sonner';
 
     const client = useFetchClient();
-    const token = $page.url.searchParams.get('token');
+    const token = page.url.searchParams.get('token');
 
     async function verifyAccount() {
         if (token) {

src/Exceptionless.Web/ClientApp/src/routes/(auth)/login/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import ErrorMessage from '$comp/ErrorMessage.svelte';
     import Loading from '$comp/Loading.svelte';
     import Logo from '$comp/Logo.svelte';
@@ -31,10 +31,10 @@
     import IconGoogle from '~icons/mdi/google';
     import IconMicrosoft from '~icons/mdi/microsoft';
 
-    const redirectUrl = $page.url.searchParams.get('redirect') ?? '/next';
+    const redirectUrl = page.url.searchParams.get('redirect') ?? '/next';
 
     const defaultFormData = new Login();
-    defaultFormData.invite_token = $page.url.searchParams.get('token');
+    defaultFormData.invite_token = page.url.searchParams.get('token');
     const form = superForm(defaults(defaultFormData, classvalidatorClient(Login)), {
         dataType: 'json',
         async onUpdate({ form, result }) {

src/Exceptionless.Web/ClientApp/src/routes/status/+page.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import Loading from '$comp/Loading.svelte';
     import Logo from '$comp/Logo.svelte';
     import { P } from '$comp/typography';
     import * as Card from '$comp/ui/card';
     import { getHealthQuery } from '$features/status/api.svelte';
 
-    let redirect = $page.url.searchParams.get('redirect');
+    let redirect = page.url.searchParams.get('redirect');
 
     const healthResponse = getHealthQuery();
     $effect(() => {