<div class="trip"> <ol class="trip__stops" v-dragscroll.x="!$isTouch" ref="stops"> <li v-for="stop in stops" class="trip__stop" :class="[ stop.current && 'trip__stop--current', stop.visited && 'trip__stop--visited' ]"> <div class="trip__marker"/> <div class="trip__description"> <stop :stop="stop.stop"/> </div> <div class="trip__departure"> {{ stop.departure.format('HH:mm') }} </div> </li> </ol> </div>