From 3f338cafedd8c1ef3e997adbe43680cf0f7b98b8 Mon Sep 17 00:00:00 2001
From: Martin Artnik <martin@scinote.net>
Date: Fri, 24 Nov 2023 10:58:38 +0100
Subject: [PATCH] Fix template v-for key position in notification_item.vue

---
 .../vue/navigation/notifications/notification_item.vue        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/navigation/notifications/notification_item.vue b/app/javascript/vue/navigation/notifications/notification_item.vue
index dbf7a1471..59f781ecb 100644
--- a/app/javascript/vue/navigation/notifications/notification_item.vue
+++ b/app/javascript/vue/navigation/notifications/notification_item.vue
@@ -11,8 +11,8 @@
          :data-seen="notification.attributes.checked"></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">
-      <template v-for="(breadcrumb, index) in notification.attributes.breadcrumbs">
-        <div :key="index" class="flex items-center gap-0.5">
+      <template v-for="(breadcrumb, index) in notification.attributes.breadcrumbs" :key="index">
+        <div class="flex items-center gap-0.5">
           <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>
         </div>