feat: use command on mac and ctrl on other platforms

src/components/misc/shortcut.vue

@@ -1,15 +1,22 @@
 <template>
 	<span class="shortcuts">
 		<template v-for="(k, i) in keys" :key="i">
-			<kbd>{{ k }}</kbd>
+			<kbd>{{ isMac ? k.replace('ctrl', '⌘') : k }}</kbd>
 			<span v-if="i < keys.length - 1">{{ combination }}</span>
 		</template>
 	</span>
 </template>
 
 <script>
+import {isMac} from '@/helpers/isMac'
+
 export default {
 	name: 'shortcut',
+	data() {
+		return {
+			isMac: isMac(),
+		}
+	},
 	props: {
 		keys: {
 			type: Array,

src/directives/shortcut.ts

@@ -1,8 +1,12 @@
 import {Directive} from 'vue'
 import {install, uninstall} from '@github/hotkey'
+import {isMac} from '@/helpers/isMac'
 
 const directive: Directive = {
 	mounted(el, {value}) {
+		if (isMac() && value.includes('Control')) {
+			value = value.replace('Control', 'Meta')
+		}
 		install(el, value)
 	},
 	beforeUnmount(el) {

src/helpers/isMac.ts

@@ -0,0 +1,3 @@
+export const isMac = (): Boolean => {
+	return navigator.userAgent.includes('Mac')
+}