From 2b20f328cb8d61529d8909128e889ee05b64e80d Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Thu, 19 Aug 2021 21:10:29 +0200
Subject: [PATCH] fix: compiler warnings

see:
- https://v3.vuejs.org/guide/migration/key-attribute.html
- https://v3.vuejs.org/guide/migration/v-bind.html
- https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.html
---
 src/components/home/navigation.vue       |  4 ++--
 src/components/misc/notification.vue     |  2 +-
 src/components/misc/shortcut.vue         |  6 +++---
 src/components/tasks/gantt-component.vue |  4 ++--
 src/views/tasks/TaskDetailView.vue       | 10 +++++-----
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 9e77a247f..ef93ddbd9 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -49,8 +49,8 @@
 		</div>
 
 		<aside class="menu namespaces-lists loader-container" :class="{'is-loading': loading}">
-			<template v-for="(n, nk) in namespaces">
-				<div :key="n.id" class="namespace-title" :class="{'has-menu': n.id > 0}">
+			<template v-for="(n, nk) in namespaces" :key="n.id" >
+				<div class="namespace-title" :class="{'has-menu': n.id > 0}">
 					<span
 						@click="toggleLists(n.id)"
 						class="menu-label"
diff --git a/src/components/misc/notification.vue b/src/components/misc/notification.vue
index c4ab4153c..157cb7077 100644
--- a/src/components/misc/notification.vue
+++ b/src/components/misc/notification.vue
@@ -11,7 +11,7 @@
 			>
 				<div v-if="item.title" class="notification-title">{{ item.title }}</div>
 				<div class="notification-content">
-					<template v-for="(t, k) in item.text">{{ t }}<br :key="k"/></template>
+					<template v-for="(t, k) in item.text" :key="k">{{ t }}<br /></template>
 				</div>
 				<div
 					class="buttons is-right"
diff --git a/src/components/misc/shortcut.vue b/src/components/misc/shortcut.vue
index 47b617fbf..5d155db20 100644
--- a/src/components/misc/shortcut.vue
+++ b/src/components/misc/shortcut.vue
@@ -1,8 +1,8 @@
 <template>
 	<span class="shortcuts">
-		<template v-for="(k, i) in keys">
-			<kbd :key="i">{{ k }}</kbd>
-			<span v-if="i < keys.length - 1" :key="`plus${i}`">+</span>
+		<template v-for="(k, i) in keys" :key="i">
+			<kbd>{{ k }}</kbd>
+			<span v-if="i < keys.length - 1">+</span>
 		</template>
 	</span>
 </template>
diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index fd17b83d0..fe359454e 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -17,8 +17,8 @@
 			/>
 		</div>
 		<div class="dates">
-			<template v-for="(y, yk) in days">
-				<div :key="yk + 'year'" class="months">
+			<template v-for="(y, yk) in days" :key="yk + 'year'">
+				<div class="months">
 					<div
 						:key="mk + 'month'"
 						class="month"
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 653af154b..4e838b98e 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -265,7 +265,7 @@
 					/>
 					<x-button
 						@click="setFieldActive('assignees')"
-						@shortkey.native="setFieldActive('assignees')"
+						@shortkey="setFieldActive('assignees')"
 						type="secondary"
 						v-shortkey="['a']">
 						<span class="icon is-small"><icon icon="users"/></span>
@@ -273,7 +273,7 @@
 					</x-button>
 					<x-button
 						@click="setFieldActive('labels')"
-						@shortkey.native="setFieldActive('labels')"
+						@shortkey="setFieldActive('labels')"
 						type="secondary"
 						v-shortkey="['l']"
 						icon="tags"
@@ -289,7 +289,7 @@
 					</x-button>
 					<x-button
 						@click="setFieldActive('dueDate')"
-						@shortkey.native="setFieldActive('dueDate')"
+						@shortkey="setFieldActive('dueDate')"
 						type="secondary"
 						v-shortkey="['d']"
 						icon="calendar"
@@ -333,7 +333,7 @@
 					</x-button>
 					<x-button
 						@click="setFieldActive('attachments')"
-						@shortkey.native="setFieldActive('attachments')"
+						@shortkey="setFieldActive('attachments')"
 						type="secondary"
 						v-shortkey="['f']"
 						icon="paperclip"
@@ -342,7 +342,7 @@
 					</x-button>
 					<x-button
 						@click="setFieldActive('relatedTasks')"
-						@shortkey.native="setFieldActive('relatedTasks')"
+						@shortkey="setFieldActive('relatedTasks')"
 						type="secondary"
 						v-shortkey="['r']"
 						icon="tasks"