[Bug]: Ctrl is not working with useMagicKeys

[jd-solanki]

Your provided code snippet which includes Ctrl example also isn't working.

I even tried it in Vue 3 with a fresh installation.

Isn't working (From docs page)

<script setup>
import { watch }  from 'vue'
import { useMagicKeys } from '@vueuse/core'

const keys = useMagicKeys()
const shiftCtrlA = keys['Shift+Ctrl+A']

watch(shiftCtrlA, (v) => {
  if (v)
    console.log('Shift + Ctrl + A have been pressed')
})
</script>

Works (ctrl is removed)

<script setup>
import { watch }  from 'vue'
import { useMagicKeys } from '@vueuse/core'

const keys = useMagicKeys()
const shiftCtrlA = keys['Shift+A']

watch(shiftCtrlA, (v) => {
  if (v)
    console.log('Shift + Ctrl + A have been pressed')
})
</script>

Isn't working

<script setup>
import { watch }  from 'vue'
import { useMagicKeys } from '@vueuse/core'

const keys = useMagicKeys()
const shiftCtrlA = keys['Ctrl+A']

watch(shiftCtrlA, (v) => {
  if (v)
    console.log('Shift + Ctrl + A have been pressed')
})
</script>

[wheatjs]

Thanks for the report, can confirm it is not working. As a workaround until we get this fixed you can use control instead of ctrl. You can also use controlLeft and controlRight. We can see if @antfu wants to rename control to ctrl though since that seems like his original intention.

[jd-solanki]

Hi @antfu using

const { Ctrl_k } = useMagicKeys()

Opens browser search along with hotkey trigger. But if you check VueUse docs, triggering ctrl+k doesn't open browser search.

So do we have anything which doesn't open browser search or in general disable system/app hotkeys?

[antfu]

I would say it's better to avoid overriding system hotkeys. But if you want, you can do it by:
https://vueuse.org/core/useMagicKeys/#custom-event-handler