ul.w-timeline(:class="classes")
li.w-timeline-item(v-for="(item, i) in items" :key="i")
component.w-timeline-item__bullet(
:is="item[itemIconKey] || icon ? 'w-icon' : 'div'"
:class="{ [item[itemColorKey] || color]: item[itemColorKey] || color }")
| {{ item[itemIconKey] || icon }}
slot(name="item" v-if="!$slots[`item.${i + 1}`]" :item="item" :index="i + 1")
.w-timeline-item__title(
:class="{ [item[itemColorKey] || color]: item[itemColorKey] || color }"
v-html="item[itemTitleKey]")
.w-timeline-item__content(v-html="item[itemContentKey]")
slot(:name="`item.${i + 1}`" v-else :item="item" :index="i + 1")