handleStepClick(index + 1)"
:class="[
'relative outline-none flex h-8 w-8 items-center justify-center rounded-full font-semibold',
isCompleted && lockOnComplete ? 'cursor-default' : 'cursor-pointer'
]"
:style="getStepIndicatorStyle(index + 1)"
>
{{ index + 1 }}