diff --git a/components/layout/LayoutHeaderMenuSearch.vue b/components/layout/LayoutHeaderMenuSearch.vue index c1af62e417286f25e4e3d5161600104b21b7e461..5cdf01f582613495f871cbf52c52439088b79070 100644 --- a/components/layout/LayoutHeaderMenuSearch.vue +++ b/components/layout/LayoutHeaderMenuSearch.vue @@ -5,7 +5,7 @@ v-model="query" :class="!isVisible && 'hidden'" type="search" - :placeholder="$t('search') + ' (ctrl + F)'" + :placeholder="$t('search') + ` [${isMac ? 'cmd' : 'ctrl'} K]`" class="pl-12 w-full text-base rounded-full" @keyup.enter="search()" @blur="isVisible = false" @@ -32,6 +32,7 @@ export default { return { query: '', isVisible: false, + isMac: false, } }, watch: { @@ -46,6 +47,9 @@ export default { }, mounted() { + this.isMac = /(macintosh|macintel|macppc|mac68k|macos)/i.test( + navigator.userAgentData.platform + ) document.addEventListener('keydown', this.searchShortcut) }, beforeDestroy() { @@ -60,11 +64,11 @@ export default { } }, searchShortcut(e) { - if (e.key === 'f' && e.ctrlKey) { + if (e.key === 'k' && e.ctrlKey) { // (e.ctrlKey || e.metaKey)) { e.preventDefault() // present "Save Page" from getting triggered. - this.setVisible() + this.isVisible = !this.isVisible } }, },