From cb5d6774e2e10b361da6b0cfc0aebe0f3c138f9d Mon Sep 17 00:00:00 2001
From: Marco Realacci <marco@marcorealacci.me>
Date: Sat, 24 Dec 2022 20:40:41 +0100
Subject: [PATCH] Vue: Add v-bind:key directive in every v-for

---
 webui/src/components/PostCard.vue | 2 +-
 webui/src/views/HomeView.vue      | 2 +-
 webui/src/views/ProfileView.vue   | 2 +-
 webui/src/views/SearchView.vue    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/PostCard.vue b/webui/src/components/PostCard.vue
index 1d3fdb8..f0ef614 100644
--- a/webui/src/components/PostCard.vue
+++ b/webui/src/components/PostCard.vue
@@ -120,7 +120,7 @@ export default {
 				</div>
 			</div>
 			<div v-if="comments_shown">
-				<div v-for="item of comments_data" class="row">
+				<div v-for="item of comments_data" class="row" v-bind:key="item.comment_id">
 					<div class="col-7 card-body border-top">
 						<b>{{ item.name }}:</b> {{ item.comment }}
 					</div>
diff --git a/webui/src/views/HomeView.vue b/webui/src/views/HomeView.vue
index 264224e..d7da022 100644
--- a/webui/src/views/HomeView.vue
+++ b/webui/src/views/HomeView.vue
@@ -61,7 +61,7 @@ export default {
 						<br />Why don't you start following somebody? 👻
 					</div>
 
-					<div id="main-content" v-for="item of stream_data">
+					<div id="main-content" v-for="item of stream_data" v-bind:key="item.photo_id">
 						<PostCard :user_id="item.user_id" :photo_id="item.photo_id" :name="item.name" :date="item.date"
 							:comments="item.comments" :likes="item.likes" :liked="item.liked" />
 					</div>
diff --git a/webui/src/views/ProfileView.vue b/webui/src/views/ProfileView.vue
index 30d2f2d..b362f3b 100644
--- a/webui/src/views/ProfileView.vue
+++ b/webui/src/views/ProfileView.vue
@@ -94,7 +94,7 @@ export default {
 						</div>
 					</div>
 
-					<div id="main-content" v-for="item of stream_data">
+					<div id="main-content" v-for="item of stream_data" v-bind:key="item.photo_id">
 						<PostCard :user_id="requestedProfile" :photo_id="item.photo_id" :name="user_data['name']"
 							:date="item.date" :comments="item.comments" :likes="item.likes" :liked="item.liked" />
 					</div>
diff --git a/webui/src/views/SearchView.vue b/webui/src/views/SearchView.vue
index d37f60b..92a9c8b 100644
--- a/webui/src/views/SearchView.vue
+++ b/webui/src/views/SearchView.vue
@@ -73,7 +73,7 @@ export default {
 						<label class="form-label" for="formUsername">Search by username</label>
 					</div>
 
-					<div id="main-content" v-for="item of streamData">
+					<div id="main-content" v-for="item of streamData" v-bind:key="item.user_id">
 						<UserCard :user_id="item.user_id" :name="item.name" :followed="item.followed"
 							:banned="item.banned" />
 					</div>