Macbook computer keyboard style for VueJS component.
npm install vue-mac-keyboard
> ⌨️ Macbook computer keyboard style for VueJS component.
npm:
``bash`
npm i vue-mac-keyboard
yarn
`bash`
yarn add vue-mac-keyboard
pnpm
`bash`
pnpm add vue-mac-keyboard
`vue
`
`ts
import { createApp } from 'vue'
import MacKeyboard from 'vue-mac-keyboard'
import App from '@/App.vue'
import 'vue-mac-keyboard/style'
const app = createApp(App)
app.use(MacKeyboard)
app.mount('#app')
`
Use it in component:
`vue
@keycode-up="onKeycodeUp"
:keycode="keycode"
/>
`
- type: number[]
- default:
Highlighted keys.
See keycodeDataList for all available keycodes.
- type: boolean
- default:
Disable the keyboard from interacting.
- type: (keycodeData: KeycodeData) => void
Triggered when a keycode is pressed.
- type: (keycodeData: KeycodeData) => void
Triggered when a keycode is released.
`ts
interface KeycodeData {
/**
* keycode of the key
*/
keycode: number
/**
* key names, used for rendering UI
*/
name: string[]
}
``
- uiwjs/react-mac-keyboard created by jaywcjlove