chore: upgrade SvelteKit (#20736)

web/src/lib/components/shared-components/side-bar/side-bar-link.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { resolveRoute } from '$app/paths';
   import { page } from '$app/state';
   import Icon from '$lib/components/elements/icon.svelte';
   import { mdiChevronDown, mdiChevronLeft } from '@mdi/js';
@@ -8,7 +7,7 @@
 
   interface Props {
     title: string;
-    routeId: string;
+    href: string;
     icon: string;
     flippedLogo?: boolean;
     isSelected?: boolean;
@@ -19,7 +18,7 @@
 
   let {
     title,
-    routeId,
+    href,
     icon,
     flippedLogo = false,
     isSelected = $bindable(false),
@@ -28,10 +27,8 @@
     dropdownOpen = $bindable(false),
   }: Props = $props();
 
-  let routePath = $derived(resolveRoute(routeId, {}));
-
   $effect(() => {
-    isSelected = (page.route.id?.match(/^\/(admin|\(user\))\/[^/]*/) || [])[0] === routeId;
+    isSelected = (page.url.pathname.match(/^\/(admin|user)\/[^/]*/) || [])[0] === href;
   });
 </script>
 
@@ -55,7 +52,7 @@
     </span>
   {/if}
   <a
-    href={routePath}
+    {href}
     data-sveltekit-preload-data={preloadData ? 'hover' : 'off'}
     draggable="false"
     aria-current={isSelected ? 'page' : undefined}

web/src/lib/components/shared-components/side-bar/user-sidebar.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { resolve } from '$app/paths';
   import BottomInfo from '$lib/components/shared-components/side-bar/bottom-info.svelte';
   import RecentAlbums from '$lib/components/shared-components/side-bar/recent-albums.svelte';
   import Sidebar from '$lib/components/sidebar/sidebar.svelte';
@@ -48,19 +49,19 @@
 <Sidebar ariaLabel={$t('primary')}>
   <SideBarLink
     title={$t('photos')}
-    routeId="/(user)/photos"
+    href={resolve('/(user)/photos')}
     bind:isSelected={isPhotosSelected}
     icon={isPhotosSelected ? mdiImageMultiple : mdiImageMultipleOutline}
   ></SideBarLink>
 
   {#if $featureFlags.search}
-    <SideBarLink title={$t('explore')} routeId="/(user)/explore" icon={mdiMagnify} />
+    <SideBarLink title={$t('explore')} href={resolve('/(user)/explore')} icon={mdiMagnify} />
   {/if}
 
   {#if $featureFlags.map}
     <SideBarLink
       title={$t('map')}
-      routeId="/(user)/map"
+      href={resolve('/(user)/map')}
       bind:isSelected={isMapSelected}
       icon={isMapSelected ? mdiMap : mdiMapOutline}
     />
@@ -69,19 +70,19 @@
   {#if $preferences.people.enabled && $preferences.people.sidebarWeb}
     <SideBarLink
       title={$t('people')}
-      routeId="/(user)/people"
+      href={resolve('/(user)/people')}
       bind:isSelected={isPeopleSelected}
       icon={isPeopleSelected ? mdiAccount : mdiAccountOutline}
     />
   {/if}
 
   {#if $preferences.sharedLinks.enabled && $preferences.sharedLinks.sidebarWeb}
-    <SideBarLink title={$t('shared_links')} routeId="/(user)/shared-links" icon={mdiLink} />
+    <SideBarLink title={$t('shared_links')} href={resolve('/(user)/shared-links')} icon={mdiLink} />
   {/if}
 
   <SideBarLink
     title={$t('sharing')}
-    routeId="/(user)/sharing"
+    href={resolve('/(user)/sharing')}
     icon={isSharingSelected ? mdiAccountMultiple : mdiAccountMultipleOutline}
     bind:isSelected={isSharingSelected}
   ></SideBarLink>
@@ -90,14 +91,14 @@
 
   <SideBarLink
     title={$t('favorites')}
-    routeId="/(user)/favorites"
+    href={resolve('/(user)/favorites')}
     icon={isFavoritesSelected ? mdiHeart : mdiHeartOutline}
     bind:isSelected={isFavoritesSelected}
   ></SideBarLink>
 
   <SideBarLink
     title={$t('albums')}
-    routeId="/(user)/albums"
+    href={resolve('/(user)/albums')}
     icon={mdiImageAlbum}
     flippedLogo
     bind:dropdownOpen={$recentAlbumsDropdown}
@@ -110,30 +111,30 @@
   </SideBarLink>
 
   {#if $preferences.tags.enabled && $preferences.tags.sidebarWeb}
-    <SideBarLink title={$t('tags')} routeId="/(user)/tags" icon={mdiTagMultipleOutline} flippedLogo />
+    <SideBarLink title={$t('tags')} href={resolve('/(user)/tags')} icon={mdiTagMultipleOutline} flippedLogo />
   {/if}
 
   {#if $preferences.folders.enabled && $preferences.folders.sidebarWeb}
-    <SideBarLink title={$t('folders')} routeId="/(user)/folders" icon={mdiFolderOutline} flippedLogo />
+    <SideBarLink title={$t('folders')} href={resolve('/(user)/folders')} icon={mdiFolderOutline} flippedLogo />
   {/if}
 
   <SideBarLink
     title={$t('utilities')}
-    routeId="/(user)/utilities"
+    href={resolve('/(user)/utilities')}
     bind:isSelected={isUtilitiesSelected}
     icon={isUtilitiesSelected ? mdiToolbox : mdiToolboxOutline}
   ></SideBarLink>
 
   <SideBarLink
     title={$t('archive')}
-    routeId="/(user)/archive"
+    href={resolve('/(user)/archive')}
     bind:isSelected={isArchiveSelected}
     icon={isArchiveSelected ? mdiArchiveArrowDown : mdiArchiveArrowDownOutline}
   ></SideBarLink>
 
   <SideBarLink
     title={$t('locked_folder')}
-    routeId="/(user)/locked"
+    href={resolve('/(user)/locked')}
     bind:isSelected={isLockedFolderSelected}
     icon={isLockedFolderSelected ? mdiLock : mdiLockOutline}
   ></SideBarLink>
@@ -141,7 +142,7 @@
   {#if $featureFlags.trash}
     <SideBarLink
       title={$t('trash')}
-      routeId="/(user)/trash"
+      href={resolve('/(user)/trash')}
       bind:isSelected={isTrashSelected}
       icon={isTrashSelected ? mdiTrashCan : mdiTrashCanOutline}
     ></SideBarLink>