.w-breadcrumbs(:class="classes")
template(v-for="(item, i) in items")
//- Separator.
span.w-breadcrumbs__separator(
v-if="i && $slots.separator"
:key="`${i}a`"
:class="separatorColor")
slot(name="separator" :index="i")
w-icon.w-breadcrumbs__separator(
v-else-if="i"
:key="`${i}b`"
:class="separatorColor") {{ icon }}
//- Link to parent pages.
template(v-if="item[itemRouteKey] && (i < items.length - 1 || linkLastItem)")
component.w-breadcrumbs__item(
v-if="$slots.item"
:key="`${i}c`"
:is="hasRouter ? 'router-link' : 'a'"
:to="hasRouter && item[itemRouteKey]"
:href="item[itemRouteKey]"
:class="breadcrumbLinkClasses"
@pointerdown="onRipple")
slot(name="item" :item="item" :index="i + 1" :isLast="i === items.length - 1")
component.w-breadcrumbs__item(
v-else
:key="`${i}d`"
:is="hasRouter ? 'router-link' : 'a'"
:to="hasRouter && item[itemRouteKey]"
:href="item[itemRouteKey]"
v-html="item[itemLabelKey]"
:class="breadcrumbLinkClasses"
@pointerdown="onRipple")
//- Current page when linkLastItem is false.
slot(
v-else-if="$slots.item"
:key="`${i}e`"
name="item"
:item="item"
:index="i + 1"
:is-last="i === items.length - 1")
span(v-else :key="`${i}f`" v-html="item[itemLabelKey]")