From a55feeec56c7dc564332699aa3271001f658def4 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Fri, 18 Sep 2020 20:06:59 +0300
Subject: [PATCH] Put key on template

---
 client/components/ContextMenu.vue        | 3 +--
 client/components/Mentions.vue           | 4 ++--
 client/components/MessageList.vue        | 8 ++------
 client/components/MessageTypes/whois.vue | 6 +++---
 client/components/NetworkList.vue        | 3 +--
 5 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/client/components/ContextMenu.vue b/client/components/ContextMenu.vue
index bab07a43..78c01584 100644
--- a/client/components/ContextMenu.vue
+++ b/client/components/ContextMenu.vue
@@ -18,9 +18,8 @@
 			@mouseleave="activeItem = -1"
 			@keydown.enter.prevent="clickActiveItem"
 		>
-			<template v-for="(item, id) of items">
+			<template v-for="(item, id) of items" :key="item.name">
 				<li
-					:key="item.name"
 					:class="[
 						'context-menu-' + item.type,
 						item.class ? 'context-menu-' + item.class : null,
diff --git a/client/components/Mentions.vue b/client/components/Mentions.vue
index 8ee5688e..af999261 100644
--- a/client/components/Mentions.vue
+++ b/client/components/Mentions.vue
@@ -20,8 +20,8 @@
 				<p v-if="isLoading">Loading…</p>
 				<p v-else>You have no recent mentions.</p>
 			</template>
-			<template v-for="message in resolvedMessages" v-else>
-				<div :key="message.msgId" :class="['msg', message.type]">
+			<template v-for="message in resolvedMessages" v-else :key="message.msgId">
+				<div :class="['msg', message.type]">
 					<div class="mentions-info">
 						<div>
 							<span class="from">
diff --git a/client/components/MessageList.vue b/client/components/MessageList.vue
index d0dceb31..031880e3 100644
--- a/client/components/MessageList.vue
+++ b/client/components/MessageList.vue
@@ -18,12 +18,8 @@
 			aria-relevant="additions"
 			@copy="onCopy"
 		>
-			<template v-for="(message, id) in condensedMessages">
-				<DateMarker
-					v-if="shouldDisplayDateMarker(message, id)"
-					:key="message.id + '-date'"
-					:message="message"
-				/>
+			<template v-for="(message, id) in condensedMessages" :key="message.id + '-date'">
+				<DateMarker v-if="shouldDisplayDateMarker(message, id)" :message="message" />
 				<div
 					v-if="shouldDisplayUnreadMarker(message.id)"
 					:key="message.id + '-unread'"
diff --git a/client/components/MessageTypes/whois.vue b/client/components/MessageTypes/whois.vue
index b198a823..680e8224 100644
--- a/client/components/MessageTypes/whois.vue
+++ b/client/components/MessageTypes/whois.vue
@@ -50,9 +50,9 @@
 			</template>
 
 			<template v-if="message.whois.special">
-				<template v-for="special in message.whois.special">
-					<dt :key="special">Special:</dt>
-					<dd :key="special">{{ special }}</dd>
+				<template v-for="special in message.whois.special" :key="special">
+					<dt>Special:</dt>
+					<dd>{{ special }}</dd>
 				</template>
 			</template>
 
diff --git a/client/components/NetworkList.vue b/client/components/NetworkList.vue
index 607f3752..f77a2075 100644
--- a/client/components/NetworkList.vue
+++ b/client/components/NetworkList.vue
@@ -104,10 +104,9 @@
 					@start="onDragStart"
 					@end="onDragEnd"
 				>
-					<template v-for="(channel, index) in network.channels">
+					<template v-for="(channel, index) in network.channels" :key="channel.id">
 						<Channel
 							v-if="index > 0"
-							:key="channel.id"
 							:channel="channel"
 							:network="network"
 							:active="