(search) open dialogue on mac via ⌘ key instead of ctrl key

This commit is contained in:
Valentyne Stigloher 2024-12-26 14:23:54 +01:00
parent 8838665a55
commit 6af179c916
2 changed files with 10 additions and 9 deletions

View File

@ -1,5 +1,5 @@
<script setup lang="ts">
import { useDebounce } from '@vueuse/core';
import { onKeyStroke, useDebounce } from '@vueuse/core';
const query = ref('');
const debouncedQuery = useDebounce(query);
@ -37,17 +37,12 @@ const close = () => {
dialogue.value?.close();
};
const onKeydown = (event: KeyboardEvent) => {
if (event.ctrlKey && event.key === 'k') {
onKeyStroke('k', (event) => {
const isCtrlKeyPressed = isMac.value ? event.metaKey : event.ctrlKey;
if (isCtrlKeyPressed) {
event.preventDefault();
open();
}
};
onMounted(() => {
document.addEventListener('keydown', onKeydown);
});
onUnmounted(() => {
document.removeEventListener('keydown', onKeydown);
});
const onMousedown = (event: MouseEvent) => {

6
utils/isMac.ts Normal file
View File

@ -0,0 +1,6 @@
export default computed(() => {
if (!import.meta.client) {
return undefined;
}
return navigator.platform.toLowerCase().includes('mac');
});