Add id field to RouteRow components
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user