Add id field to RouteRow components

This commit is contained in:
2026-02-09 22:24:42 +00:00
parent 8e65fd396e
commit 444847c7b5

View File

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