feat: improve shortcut types

frontend/src/components/misc/keyboard-shortcuts/shortcuts.ts

@@ -4,13 +4,13 @@ import {isAppleDevice} from '@/helpers/isAppleDevice'
 
 const ctrl = isAppleDevice() ? '⌘' : 'ctrl'
 
-interface Shortcut {
+export interface Shortcut {
 	title: string
 	keys: string[]
 	combination?: 'then'
 }
 
-interface ShortcutGroup {
+export interface ShortcutGroup {
 	title: string
 	available?: (route: RouteLocation) => boolean
 	shortcuts: Shortcut[]
@@ -158,4 +158,4 @@ export const KEYBOARD_SHORTCUTS : ShortcutGroup[] = [
 			},
 		],
 	},
-]
+] as const

frontend/src/components/misc/shortcut.vue

@@ -14,19 +14,13 @@
 </template>
 
 <script lang="ts" setup>
-defineProps({
-	keys: {
-		type: Array,
-		required: true,
-	},
-	combination: {
-		type: String,
-		default: '+',
-	},
-	is: {
-		type: String,
-		default: 'div',
-	},
+withDefaults(defineProps<{
+	keys: string[],
+	combination?: string,
+	is?: string
+}>(), {
+	combination: '+',
+	is: 'div',
 })
 </script>