From bb834e7c2e228e265ac1c5baca1e9fc04a240492 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 5 Mar 2022 12:48:12 +0100
Subject: [PATCH] Linting

---
 src/components/ui/SeasonedMessages.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/SeasonedMessages.vue b/src/components/ui/SeasonedMessages.vue
index abe560a..f82af13 100644
--- a/src/components/ui/SeasonedMessages.vue
+++ b/src/components/ui/SeasonedMessages.vue
@@ -1,10 +1,19 @@
 <template>
   <transition-group name="fade">
-    <div class="message" v-for="(message, index) in reversedMessages" :class="message.type || 'warning'" :key="index">
+    <div
+      class="message"
+      v-for="(message, index) in reversedMessages"
+      :key="`${index}-${message.title}-${message.type}}`"
+      :class="message.type || 'warning'"
+    >
       <span class="pinstripe"></span>
       <div>
-        <h2 class="title">{{ message.title || defaultTitles[message.type] }}</h2>
-        <span v-if="message.message" class="message">{{ message.message }}</span>
+        <h2 class="title">
+          {{ message.title || defaultTitles[message.type] }}
+        </h2>
+        <span v-if="message.message" class="message">{{
+          message.message
+        }}</span>
       </div>
 
       <button class="dismiss" @click="clicked(message)">X</button>