Fix template v-for key position in notification_item.vue

This commit is contained in:
Martin Artnik 2023-11-24 10:58:38 +01:00
parent ea80fddfa4
commit 3f338cafed

View file

@ -11,8 +11,8 @@
:data-seen="notification.attributes.checked"></div> :data-seen="notification.attributes.checked"></div>
<div v-html="notification.attributes.message" class="sci-navigation--notificaitons-flyout-notification-message"></div> <div v-html="notification.attributes.message" class="sci-navigation--notificaitons-flyout-notification-message"></div>
<div v-if="notification.attributes.breadcrumbs" class="flex items-center flex-wrap gap-0.5"> <div v-if="notification.attributes.breadcrumbs" class="flex items-center flex-wrap gap-0.5">
<template v-for="(breadcrumb, index) in notification.attributes.breadcrumbs"> <template v-for="(breadcrumb, index) in notification.attributes.breadcrumbs" :key="index">
<div :key="index" class="flex items-center gap-0.5"> <div class="flex items-center gap-0.5">
<i v-if="index > 0" class="sn-icon sn-icon-right"></i> <i v-if="index > 0" class="sn-icon sn-icon-right"></i>
<a :href="breadcrumb.url" :title="breadcrumb.name" class="truncate max-w-[20ch] inline-block">{{ breadcrumb.name }}</a> <a :href="breadcrumb.url" :title="breadcrumb.name" class="truncate max-w-[20ch] inline-block">{{ breadcrumb.name }}</a>
</div> </div>