diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c21198e..28ce39f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,15 +5,19 @@
 
 	import "leaflet/dist/leaflet.css";
 
-	export let data: PageData;
+	interface Props {
+		data: PageData;
+	}
+
+	let { data }: Props = $props();
+
 	const lignes = data.lines;
 	const params = $page.url.searchParams;
-
 	const center = L.latLng(45.75388713, 4.84715287);
 
-	let latlng = L.latLng(0, 0);
-	$: distance = Math.max(0, latlng.distanceTo(center) - 20);
-	$: points = 5000 * Math.exp(-distance / 750);
+	let latlng = $state(L.latLng(0, 0));
+	let distance = $derived(Math.max(0, latlng.distanceTo(center) - 20));
+	let points = $derived(5000 * Math.exp(-distance / 750));
 
 	function createMap(node: HTMLElement) {
 		const bbox = lignes.bbox || [0, 0, 0, 0];