feat: make shortcut tag configurable

src/components/misc/keyboard-shortcuts/index.vue

@@ -16,6 +16,7 @@
 					<template v-for="(sc, si) in s.shortcuts" :key="si">
 						<dt>{{ $t(sc.title) }}</dt>
 						<shortcut
+							is="dd"
 							:keys="sc.keys"
 							:combination="typeof sc.combination !== 'undefined' ? $t(`keyboardShortcuts.${sc.combination}`) : null"/>
 					</template>

src/components/misc/shortcut.vue

@@ -1,10 +1,10 @@
 <template>
-	<dd 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">{{ combination }}</span>
 		</template>
-	</dd>
+	</component>
 </template>
 
 <script>
@@ -19,6 +19,10 @@ export default {
 			type: String,
 			default: '+',
 		},
+		is: {
+			type: String,
+			default: 'div',
+		}
 	},
 }
 </script>