add base to links

Author: Sebastian Flick

src/lib/components/VerseSelector.svelte

@@ -1,5 +1,6 @@
 <script>
 	import { goto, preloadData } from '$app/navigation';
+	import { base } from '$app/paths';
 
 	export let targetPath = '/einzelverssynopse';
 
@@ -44,7 +45,9 @@
 	class="flex max-w-full items-baseline gap-1 my-3"
 	on:submit|preventDefault={(e) => {
 		if (validateMinMax(thirties) && validateMinMax(verse)) {
-			goto(`${targetPath}/${thirties.value}/${verse.value}${additional ? '-' + additional : ''}`);
+			goto(
+				`${base}${targetPath}/${thirties.value}/${verse.value}${additional ? '-' + additional : ''}`
+			);
 		}
 	}}
 >

src/routes/einzelverssynopse/[thirties]/[verse]/+page.svelte

@@ -3,6 +3,7 @@
 	import { SlideToggle } from '@skeletonlabs/skeleton';
 	import VerseSelector from '$lib/components/VerseSelector.svelte';
 	import { afterNavigate } from '$app/navigation';
+	import { base } from '$app/paths';
 
 	/** @type {import('./$types').PageData} */
 	export let data;
@@ -113,7 +114,7 @@
 			{#if !(parseInt(thirties) === 1 && parseInt(verse) === 1)}
 				<a
 					class="anchor"
-					href="/einzelverssynopse/{parseInt(verse) === 1
+					href="{base}einzelverssynopse/{parseInt(verse) === 1
 						? parseInt(thirties) - 1
 						: thirties}/{parseInt(verse) === 1 ? 30 : parseInt(verse) - 1}"
 				>
@@ -123,7 +124,7 @@
 			{#if !(parseInt(thirties) === 827 && parseInt(verse) === 30)}
 				<a
 					class="anchor"
-					href="/einzelverssynopse/{parseInt(verse) === 30
+					href="{base}einzelverssynopse/{parseInt(verse) === 30
 						? parseInt(thirties) + 1
 						: thirties}/{parseInt(verse) === 30 ? 1 : parseInt(verse) + 1}"
 				>