Switch to Svelte resolve API

src/routes/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import { base } from '$app/paths';
+	import { resolve } from '$app/paths';
 	export let data: PageData;
 	import favicon from '$lib/assets/favicon.svg';
 
@@ -69,7 +69,7 @@
 	<div class="list-container">
 		<a href="https://owlboard.info" class="button-link">Go to OwlBoard Live Departures & PIS</a>
 		{#each filteredMaps as map (map.routeId)}
-			<a href="{base}/map/{map.routeId.toString().padStart(4, '0')}" class="card" on:click={() => vibrate(10)}>
+			<a href={resolve(`/map/${map.routeId.toString().padStart(4, '0')}`)} class="card" on:click={() => vibrate(10)}>
 				<div class="card-top">
 					<span class="route-id">{map.routeId.toString().padStart(4, '0')}</span>
 					<span class="status-badge {isVerifiedRecently(map.checked)}">