Problem
In HomeStepsComponent, the #opposite template slot renders item.title on the opposite side of the timeline. When steps use title: 'Step 1' alongside the icon dot, the information is redundant — the step number is already communicated by the sequential position and icon.
File: src/modules/home/components/home.steps.component.vue
Fix
Add a showStepLabel prop (default false). When false, the #opposite slot is not rendered, keeping the timeline clean with just icon dots + content cards.
props: {
showStepLabel: { type: Boolean, default: false }
}
Conditionally render in template:
<template v-if="showStepLabel" #opposite="{ item }">
<span>{{ item.title }}</span>
</template>
Problem
In
HomeStepsComponent, the#oppositetemplate slot rendersitem.titleon the opposite side of the timeline. When steps usetitle: 'Step 1'alongside the icon dot, the information is redundant — the step number is already communicated by the sequential position and icon.File:
src/modules/home/components/home.steps.component.vueFix
Add a
showStepLabelprop (defaultfalse). When false, the#oppositeslot is not rendered, keeping the timeline clean with just icon dots + content cards.Conditionally render in template: