7 files changed, 29 insertions, 19 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 88f1d268..1118ebcf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,6 +12,7 @@
 	import Notifications from 'svelte-notifications';
 	import Notification from '$lib/Notification/Notification.svelte';
 	import Root from '$lib/Home/Root.svelte';
+	import root from '$lib/Utility/root';
 
 	export let data;
 
@@ -62,16 +63,19 @@
 <div id="container">
 	<div id="header" class="card card-centered">
 		<div>
-			<a href="/" class="header-item">Home</a><a href="/completed" class="header-item">Completed</a>
-			<a href="/schedule" class="header-item">Subtitle Schedule</a>
-			<a href="/updates" class="header-item">New Releases</a>
-			<a href="/tools" class="header-item">Tools</a>
-			<a href="/settings" class="header-item">Settings</a>
+			<a href={root('/')} class="header-item">Home</a><a
+				href={root('/completed')}
+				class="header-item">Completed</a
+			>
+			<a href={root('/schedule')} class="header-item">Subtitle Schedule</a>
+			<a href={root('/updates')} class="header-item">New Releases</a>
+			<a href={root('/tools')} class="header-item">Tools</a>
+			<a href={root('/settings')} class="header-item">Settings</a>
 
 			<span style="opacity: 50%;" class="header-item">|</span>
 
 			{#if data.user}
-				<a href={`/user/${currentUserIdentity.name}`} class="header-item">Profile</a>
+				<a href={root(`/user/${currentUserIdentity.name}`)} class="header-item">Profile</a>
 			{/if}
 
 			{#if data.user === undefined}
@@ -88,9 +92,9 @@
 					Log in with AniList
 				</a>
 			{:else}
-				<a href="/api/authentication/log-out" class="header-item">Log out </a>
+				<a href={root('/api/authentication/log-out')} class="header-item">Log out </a>
 				{#if data.user}
-					<a href={`/user/${currentUserIdentity.name}`} class="header-item">
+					<a href={root(`/user/${currentUserIdentity.name}`)} class="header-item">
 						<img id="avatar" src={currentUserIdentity.avatar} alt="Avatar" />
 					</a>
 				{/if}
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index f5cbe36a..edc18410 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -2,6 +2,7 @@
 	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import Picker from '$lib/Tools/Picker.svelte';
 	import { tools } from '$lib/Tools/tools.js';
+	import root from '$lib/Utility/root';
 
 	let tool = 'default';
 </script>
@@ -17,7 +18,7 @@
 		{#each Object.keys(tools) as t}
 			{#if t !== 'default'}
 				<li>
-					<a href={`/tools/${tools[t].id}`} on:click={() => (tool = t)}>{tools[t].name}</a>
+					<a href={root(`/tools/${tools[t].id}`)} on:click={() => (tool = t)}>{tools[t].name}</a>
 					{#if tools[t].description}
 						<blockquote>{tools[t].description}</blockquote>
 					{/if}
diff --git a/src/routes/tools/[tool]/+page.svelte b/src/routes/tools/[tool]/+page.svelte
index adcd6442..945acbd4 100644
--- a/src/routes/tools/[tool]/+page.svelte
+++ b/src/routes/tools/[tool]/+page.svelte
@@ -13,13 +13,14 @@
 	import { goto } from '$app/navigation';
 	import Picker from '$lib/Tools/Picker.svelte';
 	import Likes from '$lib/Tools/Likes.svelte';
+	import root from '$lib/Utility/root.js';
 
 	export let data;
 
 	let tool = data.tool ?? 'default';
 
 	onMount(() => {
-		if (tool === 'default') goto('/tools');
+		if (tool === 'default') goto(root('/tools'));
 	});
 
 	$: suggestion = closest(tool, Object.keys(tools));
@@ -35,7 +36,7 @@
 
 		<blockquote style="margin: 0 0 0 1.5rem;">
 			Did you mean "<a
-				href={`/tools/${tools[suggestion].id}`}
+				href={root(`/tools/${tools[suggestion].id}`)}
 				on:click={() => (tool = suggestion)}
 				style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''}
 			>
diff --git a/src/routes/updates/+page.svelte b/src/routes/updates/+page.svelte
index ada0142f..652b3901 100644
--- a/src/routes/updates/+page.svelte
+++ b/src/routes/updates/+page.svelte
@@ -4,6 +4,7 @@
 	import { browser } from '$app/environment';
 	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import { createHeightObserver } from '$lib/Utility/html';
+	import root from '$lib/Utility/root';
 	import { onMount } from 'svelte';
 
 	let feed: { items: { title: string; link: string; content: string }[] } | null | undefined =
@@ -24,10 +25,10 @@
 		createHeightObserver();
 
 		startTime = performance.now();
-		novelFeed = await (await fetch('/api/updates/all-novels')).json();
+		novelFeed = await (await fetch(root('/api/updates/all-novels'))).json();
 		novelEndTime = performance.now() - startTime;
 		startTime = performance.now();
-		feed = await (await fetch('/api/updates/manga')).json();
+		feed = await (await fetch(root('/api/updates/manga'))).json();
 		mangaEndTime = performance.now() - startTime;
 	});
 
diff --git a/src/routes/user/+page.svelte b/src/routes/user/+page.svelte
index 2edc85d2..5ffccddd 100644
--- a/src/routes/user/+page.svelte
+++ b/src/routes/user/+page.svelte
@@ -5,6 +5,7 @@
 	import { onMount } from 'svelte';
 	import { env } from '$env/dynamic/public';
 	import HeadTitle from '$lib/Home/HeadTitle.svelte';
+	import root from '$lib/Utility/root';
 
 	const user =
 		browser && localStorage.getItem('userIdentity')
@@ -13,7 +14,7 @@
 
 	onMount(() => {
 		if (user) {
-			goto(`/user/${user}`);
+			goto(root(`/user/${user}`));
 		} else {
 			goto(
 				`https://anilist.co/api/v2/oauth/authorize?client_id=${env.PUBLIC_ANILIST_CLIENT_ID}&redirect_uri=${env.PUBLIC_ANILIST_REDIRECT_URI}&response_type=code`
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index 5adbeaaa..4637234a 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -2,6 +2,7 @@
 	import { user, type User } from '$lib/AniList/user';
 	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import { estimatedDayReading } from '$lib/Media/Manga/time';
+	import root from '$lib/Utility/root.js';
 	import { onMount } from 'svelte';
 
 	export let data;
@@ -60,7 +61,7 @@
 							title={String(userData.id)}>@{userData.name}</a
 						>
 						<span class="click-item">•</span>
-						<a href={`/user/${userData.name}/badges`}>Badge Wall</a>
+						<a href={root(`/user/${userData.name}/badges`)}>Badge Wall</a>
 					</p>
 
 					{data.username} has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(
@@ -70,7 +71,7 @@
 
 					<p />
 
-					{data.username} has collected {#await fetch(`/api/badges?id=${userData.id}`)}
+					{data.username} has collected {#await fetch(root(`/api/badges?id=${userData.id}`))}
 						...
 					{:then badges}
 						{#await badges.json()}
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index aff9afff..f5b13f3f 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -8,6 +8,7 @@
 	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import { databaseTimeToDate, dateToDatabaseTime } from '$lib/Utility/time';
 	import Loading from '$lib/Utility/Loading.svelte';
+	import root from '$lib/Utility/root.js';
 	// import { io } from 'socket.io-client';
 
 	export let data;
@@ -39,7 +40,7 @@
 			return;
 		}
 
-		badgesPromise = fetch(`/api/badges?id=${badger.id}`);
+		badgesPromise = fetch(root(`/api/badges?id=${badger.id}`));
 
 		if (data.user) {
 			currentUserIdentity = userIdentity(data.user);
@@ -118,7 +119,7 @@
 
 		(document.querySelector(`#badge-${badge.id}`) as HTMLAnchorElement).style.display = 'none';
 		selectedBadge = undefined;
-		badgesPromise = fetch(`/api/badges?id=${badge.id}`, {
+		badgesPromise = fetch(root(`/api/badges?id=${badge.id}`), {
 			method: 'DELETE'
 		});
 	};
@@ -212,7 +213,7 @@
 
 		{#if isOwner}
 			<div class="card">
-				<a href={`/user/${data.username}`}>Back to Profile</a>
+				<a href={root(`/user/${data.username}`)}>Back to Profile</a>
 				•
 				<button
 					on:click={() => {