From bf88836dbe4037019e9545deaae1db06e5768cfb Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Wed, 21 Dec 2022 00:21:12 +0100
Subject: [PATCH] feat(search-bar): use cmd + k to focus on mac

---
 src/components/SearchBar.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index a93f46a1..dd63506b 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -40,16 +40,25 @@ const keys = useMagicKeys({
     if (e.ctrlKey && e.key === 'k' && e.type === 'keydown') {
       e.preventDefault();
     }
+
+    if (e.metaKey && e.key === 'k' && e.type === 'keydown') {
+      e.preventDefault();
+    }
   },
 });
 
 whenever(keys.ctrl_k, () => {
   focusTarget.value.focus();
 });
+whenever(keys.meta_k, () => {
+  focusTarget.value.focus();
+});
 
 function renderOption({ tool }: { tool: Tool }) {
   return h(SearchBarItem, { tool });
 }
+
+const isMac = computed(() => window.navigator.userAgent.toLowerCase().includes('mac'));
 </script>
 
 <template>
@@ -68,7 +77,7 @@ function renderOption({ tool }: { tool: Tool }) {
           ref="focusTarget"
           round
           clearable
-          placeholder="Search a tool... [Ctrl + K]"
+          :placeholder="`Search a tool (use ${isMac ? 'Cmd' : 'Ctrl'} + K to focus)`"
           :value="slotValue"
           :input-props="{ autocomplete: 'disabled' }"
           @input="handleInput"