From c6fa8794e0a3dde646dd973bd93f8b6abf124e39 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fjla@fredboniface.co.uk>
Date: Mon, 9 Feb 2026 22:24:42 +0000
Subject: [PATCH] Add id field to RouteRow components

---
 src/lib/components/RouteRow.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/RouteRow.svelte b/src/lib/components/RouteRow.svelte
index 09a27dc..3917c11 100644
--- a/src/lib/components/RouteRow.svelte
+++ b/src/lib/components/RouteRow.svelte
@@ -6,9 +6,12 @@
 	export let reversed: boolean = false;
 
 	$: Icon = components[feature.type] || components.default;
+
+	const slugify = (str?: string) =>
+		str?.toLocaleLowerCase().trim().replace(/\s+/g, '-') ?? 'unknown';
 </script>
 
-<div class="row-container">
+<div class="row-container" id="{slugify(feature.name)}">
 	<div class="mileage-col">
 		<span class="miles">{feature.miles + 'm' || ''}</span>
 		<span class="chains">{feature.chains + 'ch' || ''}</span>