vueuse
diff --git a/‎packages/core/useMagicKeys/index.test.ts
Copy file name to clipboard
+66Lines changed: 66 additions & 0 deletions b/‎packages/core/useMagicKeys/index.test.ts
Copy file name to clipboard
+66Lines changed: 66 additions & 0 deletions
diff --git a/‎packages/core/useMagicKeys/index.ts
Copy file name to clipboardExpand all lines: packages/core/useMagicKeys/index.ts
+1-1Lines changed: 1 addition & 1 deletion b/‎packages/core/useMagicKeys/index.ts
Copy file name to clipboardExpand all lines: packages/core/useMagicKeys/index.ts
+1-1Lines changed: 1 addition & 1 deletion
@@ -0,0 +1,66 @@
+import { beforeEach, describe, expect, it } from 'vitest'
+import { useMagicKeys } from '.'
+
+describe('useMagicKeys', () => {
+  let target: HTMLInputElement
+  beforeEach(() => {
+    target = document.createElement('input')
+  })
+  it('single key', async () => {
+    const { A } = useMagicKeys({ target })
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'A',
+    }))
+
+    expect(A.value).toBe(true)
+  })
+  it('multiple keys', async () => {
+    const { Ctrl_Shift_Period } = useMagicKeys({ target })
+    expect(Ctrl_Shift_Period.value).toBe(false)
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'control',
+      ctrlKey: true,
+    }))
+    expect(Ctrl_Shift_Period.value).toBe(false)
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'shift',
+      ctrlKey: true,
+      shiftKey: true,
+    }))
+    expect(Ctrl_Shift_Period.value).toBe(false)
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'Period',
+      ctrlKey: true,
+      shiftKey: true,
+    }))
+    expect(Ctrl_Shift_Period.value).toBe(true)
+  })
+  it('multiple keys(in a different order)', async () => {
+    const { Ctrl_Shift_Period } = useMagicKeys({ target })
+    expect(Ctrl_Shift_Period.value).toBe(false)
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'shift',
+      shiftKey: true,
+    }))
+    expect(Ctrl_Shift_Period.value).toBe(false)
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'control',
+      ctrlKey: true,
+      shiftKey: true,
+    }))
+    expect(Ctrl_Shift_Period.value).toBe(false)
+
+    target.dispatchEvent(new KeyboardEvent('keydown', {
+      key: 'Period',
+      ctrlKey: true,
+      shiftKey: true,
+    }))
+    expect(Ctrl_Shift_Period.value).toBe(true)
+  })
+})
@@ -165,7 +165,7 @@ export function useMagicKeys(options: UseMagicKeysOptions<boolean> = {}): any {
         if (!(prop in refs)) {
           if (/[+_-]/.test(prop)) {
             const keys = prop.split(/[+_-]/g).map(i => i.trim())
-            refs[prop] = computed(() => keys.every(key => toValue(proxy[key])))
+            refs[prop] = computed(() => keys.map(key => toValue(proxy[key])).every(Boolean))
           }
           else {
             refs[prop] = ref(false)