style: run prettier

src/lib/components/lnv/FullscreenMap.svelte

@@ -183,6 +183,10 @@
 
 	<!-- <HazardMarker hazard="bumpy-road" lat={51.347447} lon={7.4028181} /> -->
 	{#each hazards as hazard (hazard.latitude + "-" + hazard.longitude)}
-		<HazardMarker hazard={hazard.type} lat={hazard.latitude} lon={hazard.longitude} />
+		<HazardMarker
+			hazard={hazard.type}
+			lat={hazard.latitude}
+			lon={hazard.longitude}
+		/>
 	{/each}
 </MapLibre>

src/lib/components/lnv/HazardMarker.svelte

@@ -2,11 +2,17 @@
 	import { Marker } from "svelte-maplibre-gl";
 	import { map } from "./map.svelte";
 
-	let { hazard, lat, lon }: { hazard: string, lat: number, lon: number } = $props();
+	let { hazard, lat, lon }: { hazard: string; lat: number; lon: number } =
+		$props();
 	let img: HTMLImageElement | undefined = $state();
 </script>
 
-<img src="/img/hazards/{hazard}.png" alt="{hazard} Marker" bind:this={img} style="width: 32px; {map.zoom < 15 ? "display: none;" : ""}" />
+<img
+	src="/img/hazards/{hazard}.png"
+	alt="{hazard} Marker"
+	bind:this={img}
+	style="width: 32px; {map.zoom < 15 ? 'display: none;' : ''}"
+/>
 <Marker
 	lnglat={{
 		lat: lat,

src/lib/components/lnv/Sidebar.svelte

@@ -287,7 +287,10 @@
 					<Button
 						variant="outline"
 						onclick={async () => {
-							await postHazard({ lat: location.lat, lon: location.lng }, "bumpy-road");
+							await postHazard(
+								{ lat: location.lat, lon: location.lng },
+								"bumpy-road",
+							);
 							alert("Thanks for your report!");
 							await fetchHazards();
 						}}

src/lib/components/lnv/hazards.svelte.ts

@@ -5,13 +5,19 @@ export const hazards: Hazard[] = $state([]);
 
 export async function fetchHazards() {
 	if (!location.available) return;
-	const newHazards = await getHazards({ lat: location.lat, lon: location.lng }, 100); // TODO: get radius from server config
+	const newHazards = await getHazards(
+		{ lat: location.lat, lon: location.lng },
+		100,
+	); // TODO: get radius from server config
 	hazards.splice(0, hazards.length, ...newHazards);
 }
 
-setInterval(() => {
+setInterval(
+	() => {
 		fetchHazards();
-}, 1000 * 60 * 5) // Every 5 minutes
+	},
+	1000 * 60 * 5,
+); // Every 5 minutes
 // TODO: get from server config
 
 const initalFetch = setInterval(() => {
@@ -19,4 +25,4 @@ const initalFetch = setInterval(() => {
 		fetchHazards();
 		clearInterval(initalFetch);
 	}
-})
+});

src/lib/components/lnv/sidebar/InRouteSidebar.svelte

@@ -138,7 +138,10 @@
 		// TODO: include partial maneuver time
 		if (!routing.currentTrip) return 0;
 		let total = 0;
-		for (const [index, maneuver] of routing.currentTrip.legs[0].maneuvers.entries()) {
+		for (const [
+			index,
+			maneuver,
+		] of routing.currentTrip.legs[0].maneuvers.entries()) {
 			if (index >= routing.currentTripInfo.maneuverIdx) {
 				total += maneuver.time;
 			}
@@ -148,7 +151,7 @@
 
 	const timeLeft = $derived.by(() => {
 		return formatTimeLeft(getTimeLeft());
-	})
+	});
 </script>
 
 {fullDistanceText}, {timeLeft}

src/lib/services/lnv.ts

@@ -243,7 +243,8 @@ export async function getHazards(location: WorldLocation, radius = 50) {
 	// 	throw new Error("Hazards capability is not available");
 	// }
 	const res = await fetch(
-		LNV_SERVER + `/hazards?lat=${location.lat}&lon=${location.lon}&radius=${radius}`,
+		LNV_SERVER +
+			`/hazards?lat=${location.lat}&lon=${location.lon}&radius=${radius}`,
 	);
 	if (!res.ok) {
 		throw new Error(`Failed to fetch hazards: ${res.statusText}`);