From 66abfe91c2950ecbe73739b6125e6485eee500ed Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Wed, 15 May 2024 13:53:55 +0200
Subject: [PATCH] chore(vue3): migrate :key on <template v-for>

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 .../AdminSettings/RecordingServers.vue        |  7 +++--
 src/components/CallView/Grid/Grid.vue         | 27 +++++++++----------
 .../NewMessage/NewMessageUploadEditor.vue     | 13 +++++----
 3 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index a20ff4dc395e..4fca8e7e8b30 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -52,9 +52,8 @@
 		<template v-if="servers.length && recordingConsentCapability">
 			<h3>{{ t('spreed', 'Recording consent') }}</h3>
 
-			<template v-for="level in recordingConsentOptions">
-				<NcCheckboxRadioSwitch :key="level.value + '_radio'"
-					:value="level.value.toString()"
+			<template v-for="level in recordingConsentOptions" :key="level.value">
+				<NcCheckboxRadioSwitch :value="level.value.toString()"
 					:checked.sync="recordingConsentSelected"
 					name="recording-consent"
 					type="radio"
@@ -63,7 +62,7 @@
 					{{ level.label }}
 				</NcCheckboxRadioSwitch>
 
-				<p :key="level.value + '_description'" class="consent-description">
+				<p class="consent-description">
 					{{ getRecordingConsentDescription(level.value) }}
 				</p>
 			</template>
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
index 184991590d1d..58663b599a13 100644
--- a/src/components/CallView/Grid/Grid.vue
+++ b/src/components/CallView/Grid/Grid.vue
@@ -40,20 +40,19 @@
 						@keydown="handleMovement">
 						<template v-if="!devMode && (!isLessThanTwoVideos || !isStripe)">
 							<EmptyCallView v-if="videos.length === 0 && !isStripe" class="video" :is-grid="true" />
-							<template v-for="callParticipantModel in displayedVideos">
-								<VideoVue :key="callParticipantModel.attributes.peerId"
-									:class="{'video': !isStripe}"
-									:show-video-overlay="showVideoOverlay"
-									:token="token"
-									:model="callParticipantModel"
-									:is-grid="true"
-									:show-talking-highlight="!isStripe"
-									:is-stripe="isStripe"
-									:is-promoted="sharedDatas[callParticipantModel.attributes.peerId].promoted"
-									:is-selected="isSelected(callParticipantModel)"
-									:shared-data="sharedDatas[callParticipantModel.attributes.peerId]"
-									@click-video="handleClickVideo($event, callParticipantModel.attributes.peerId)" />
-							</template>
+							<VideoVue v-for="callParticipantModel in displayedVideos"
+								:key="callParticipantModel.attributes.peerId"
+								:class="{'video': !isStripe}"
+								:show-video-overlay="showVideoOverlay"
+								:token="token"
+								:model="callParticipantModel"
+								:is-grid="true"
+								:show-talking-highlight="!isStripe"
+								:is-stripe="isStripe"
+								:is-promoted="sharedDatas[callParticipantModel.attributes.peerId].promoted"
+								:is-selected="isSelected(callParticipantModel)"
+								:shared-data="sharedDatas[callParticipantModel.attributes.peerId]"
+								@click-video="handleClickVideo($event, callParticipantModel.attributes.peerId)" />
 						</template>
 						<!-- Grid developer mode -->
 						<template v-if="devMode">
diff --git a/src/components/NewMessage/NewMessageUploadEditor.vue b/src/components/NewMessage/NewMessageUploadEditor.vue
index 4ccb9768f791..4259722e579a 100644
--- a/src/components/NewMessage/NewMessageUploadEditor.vue
+++ b/src/components/NewMessage/NewMessageUploadEditor.vue
@@ -27,13 +27,12 @@
 					name="fade"
 					tag="div"
 					group>
-					<template v-for="file in files">
-						<FilePreview :key="file[1].temporaryMessage.id"
-							:token="token"
-							is-upload-editor
-							v-bind="file[1].temporaryMessage.messageParameters.file"
-							@remove-file="handleRemoveFileFromSelection" />
-					</template>
+					<FilePreview v-for="file in files"
+						:key="file[1].temporaryMessage.id"
+						:token="token"
+						is-upload-editor
+						v-bind="file[1].temporaryMessage.messageParameters.file"
+						@remove-file="handleRemoveFileFromSelection" />
 					<div :key="'addMore'"
 						class="add-more">
 						<NcButton :aria-label="addMoreAriaLabel"