From 002399d427f11646847904b11b1373204644aee2 Mon Sep 17 00:00:00 2001
From: Mateja <mail@matejamaric.com>
Date: Mon, 15 Mar 2021 22:30:19 +0100
Subject: Use v-bind:key in v-for.

---
 resources/js/components/activities.vue            | 2 +-
 resources/js/components/call-sign-description.vue | 2 +-
 resources/js/components/call-sign-filter.vue      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/activities.vue b/resources/js/components/activities.vue
index 01e7002..928bae6 100644
--- a/resources/js/components/activities.vue
+++ b/resources/js/components/activities.vue
@@ -16,7 +16,7 @@
                 </tr>
             </thead>
             <tbody>
-              <tr v-for="activity in activities">
+              <tr v-for="(activity, index) in activities" :key="index">
                 <td>{{ activity.operatorCall }}</td>
                 <td>{{ activity.fromTime }}</td>
                 <td>{{ activity.toTime }}</td>
diff --git a/resources/js/components/call-sign-description.vue b/resources/js/components/call-sign-description.vue
index b0dca4d..e930176 100644
--- a/resources/js/components/call-sign-description.vue
+++ b/resources/js/components/call-sign-description.vue
@@ -3,7 +3,7 @@
     <div class="form-group">
         <label for="special-call">Special Callsign:</label>
         <select class="form-control" id="special-call" v-model="selected" name="scall" required>
-          <option v-for="option in options" :value="option.sign" v-text="option.sign"></option>
+          <option v-for="option in options" :key="option.id" :value="option.sign" v-text="option.sign"></option>
         </select> 
     </div>
 
diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue
index e8d22a5..156bddc 100644
--- a/resources/js/components/call-sign-filter.vue
+++ b/resources/js/components/call-sign-filter.vue
@@ -3,7 +3,7 @@
     <label for="call-sign">Filter by special callsign: </label>
     <select id="call-sign" v-model="selected">
       <option value="all">All</option>
-      <option v-for="option in options" :value="option.sign" v-text="option.sign"></option>
+      <option v-for="option in options" :key="option.id" :value="option.sign" v-text="option.sign"></option>
     </select>
   </div>
 </template>
-- 
cgit v1.2.3