From 6d2dccd47f64fb8d8ee87443a043ca6656aea784 Mon Sep 17 00:00:00 2001
From: whidix <theodor.vallier@whidix.dev>
Date: Sun, 15 Mar 2026 19:53:47 +0100
Subject: [PATCH] refactor: update link generation to use resolve for
 consistent path handling

---
 src/routes/(game)/+layout.svelte     | 3 ++-
 src/routes/(game)/+page.svelte       | 8 +++++---
 src/routes/(game)/login/+page.svelte | 5 +++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/routes/(game)/+layout.svelte b/src/routes/(game)/+layout.svelte
index f9b6fb9..26230c4 100644
--- a/src/routes/(game)/+layout.svelte
+++ b/src/routes/(game)/+layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import ProfileButton from '$lib/components/ProfileButton.svelte';
+	import { resolve } from '$app/paths';
 
 	let { children, data } = $props();
 </script>
@@ -7,7 +8,7 @@
 <div class="min-h-screen bg-slate-950">
 	<header class="fixed top-0 right-0 left-0 z-50 border-b border-white/5 bg-slate-950/95 backdrop-blur">
 		<div class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4">
-			<a href="/" class="text-lg font-black uppercase tracking-[0.15em] text-amber-50 transition hover:text-amber-100">
+			<a href={resolve("/")} class="text-lg font-black uppercase tracking-[0.15em] text-amber-50 transition hover:text-amber-100">
 				OnePieceDle
 			</a>
 			<ProfileButton user={data.user} />
diff --git a/src/routes/(game)/+page.svelte b/src/routes/(game)/+page.svelte
index 5b11528..eda61f6 100644
--- a/src/routes/(game)/+page.svelte
+++ b/src/routes/(game)/+page.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
 	export let data;
 
+	import { resolve } from '$app/paths';
+
 	$: yesterdayCharacter = data.yesterdayCharacter;
 </script>
 
@@ -11,7 +13,7 @@
 <main
 	class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100"
 >
-	<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
+	<div class="absolute inset-0 bg-linear-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
 	<div class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"></div>
 
 	<div class="relative mx-auto flex w-full max-w-6xl flex-col items-center justify-center px-6 py-10">
@@ -30,7 +32,7 @@
 					<p class="mt-3 text-lg font-semibold text-white">Nouveau mystere toutes les 24 heures</p>
 					<p class="mt-2 text-sm text-slate-200">Compare tes essais, debloque des indices et garde ta serie.</p>
 					<a
-						href="/daily"
+						href={resolve("/daily")}
 						class="mt-5 inline-flex w-full items-center justify-center rounded-full bg-amber-300 px-5 py-3 text-sm font-semibold text-slate-900 transition hover:bg-amber-200"
 					>
 						Commencer
@@ -41,7 +43,7 @@
 				<p class="mt-3 text-lg font-semibold text-white">Des defis sans fin</p>
 				<p class="mt-2 text-sm text-slate-200">Enchaine les personnages et croise ton score. Pas de limite, que du plaisir.</p>
 				<a
-					href="/infinite"
+					href={resolve("/infinite")}
 					class="mt-5 inline-flex w-full items-center justify-center rounded-full border border-amber-200/40 bg-transparent px-5 py-3 text-sm font-semibold text-amber-100 transition hover:border-amber-200 hover:text-amber-50"
 				>
 					Jouer
diff --git a/src/routes/(game)/login/+page.svelte b/src/routes/(game)/login/+page.svelte
index bd14217..4affcb2 100644
--- a/src/routes/(game)/login/+page.svelte
+++ b/src/routes/(game)/login/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import { resolve } from '$app/paths';
 	import type { ActionData } from './$types';
 
 	export let form: ActionData;
@@ -28,7 +29,7 @@
 </svelte:head>
 
 <main class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100">
-	<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
+	<div class="absolute inset-0 bg-linear-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
 	<div
 		class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"
 	></div>
@@ -182,7 +183,7 @@
 
 			<!-- Back to Home -->
 			<div class="text-center">
-				<a href="/" class="text-sm text-slate-400 transition hover:text-slate-300">
+				<a href={resolve("/")} class="text-sm text-slate-400 transition hover:text-slate-300">
 					← Retour à l'accueil
 				</a>
 			</div>