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

@@ -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"

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"

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>

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"

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"