feat: add v-shortcut directive for keyboard shortcuts (#942)

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/942
Reviewed-by: dpschen <dpschen@noreply.kolaente.de>
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>

src/components/misc/shortcut.vue

@@ -1,10 +1,10 @@
 <template>
-	<span class="shortcuts">
+	<component :is="is" class="shortcuts">
 		<template v-for="(k, i) in keys" :key="i">
 			<kbd>{{ k }}</kbd>
-			<span v-if="i < keys.length - 1">+</span>
+			<span v-if="i < keys.length - 1">{{ combination }}</span>
 		</template>
-	</span>
+	</component>
 </template>
 
 <script>
@@ -15,6 +15,14 @@ export default {
 			type: Array,
 			required: true,
 		},
+		combination: {
+			type: String,
+			default: '+',
+		},
+		is: {
+			type: String,
+			default: 'div',
+		},
 	},
 }
 </script>