{"id":18801852,"url":"https://github.com/mitscherlich/vue-use-hotkeys","last_synced_at":"2025-08-25T00:11:40.494Z","repository":{"id":36970063,"uuid":"450844253","full_name":"Mitscherlich/vue-use-hotkeys","owner":"Mitscherlich","description":"Vue composition for using keyboard shortcuts in components. Inspired by [react-hotkeys-hook](https://github.com/JohannesKlauss/react-hotkeys-hook)","archived":false,"fork":false,"pushed_at":"2024-05-26T16:30:40.000Z","size":912,"stargazers_count":5,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2024-05-27T21:00:13.600Z","etag":null,"topics":["composition-api","hotkeys","javascript","typescript","vue"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/s/vue-use-hotkeys-demo-6kygbb","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mitscherlich.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-22T14:43:15.000Z","updated_at":"2024-05-29T04:59:31.903Z","dependencies_parsed_at":"2023-12-19T16:06:47.618Z","dependency_job_id":"724cfdbe-de6d-474a-a16d-0336d8ce4f69","html_url":"https://github.com/Mitscherlich/vue-use-hotkeys","commit_stats":{"total_commits":216,"total_committers":3,"mean_commits":72.0,"dds":"0.48611111111111116","last_synced_commit":"bcbb68f33556aec3176b55220c4e8ccd8fe694af"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mitscherlich%2Fvue-use-hotkeys","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mitscherlich%2Fvue-use-hotkeys/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mitscherlich%2Fvue-use-hotkeys/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mitscherlich%2Fvue-use-hotkeys/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mitscherlich","download_url":"https://codeload.github.com/Mitscherlich/vue-use-hotkeys/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223598729,"owners_count":17171321,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["composition-api","hotkeys","javascript","typescript","vue"],"created_at":"2024-11-07T22:25:30.116Z","updated_at":"2024-11-07T22:25:30.689Z","avatar_url":"https://github.com/Mitscherlich.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-use-hotkeys\n\nVue composition for using keyboard shortcuts in components.\nThis is a hook version for [hotkeys](https://github.com/jaywcjlove/hotkeys) package.\n\n## Install\n\nvia pnpm, yarn or npm:\n\n```sh\n$ pnpm add vue-use-hotkeys\n# or\n$ yarn add vue-use-hotkeys\n# or\n$ npm i -S vue-use-hotkeys\n```\n\n## Usage\n\n```jsx\nimport { defineComponent, ref } from 'vue'\nimport { useHotkeys } from 'vue-use-hotkeys'\n\nexport default defineComponent(() =\u003e {\n  const count = ref(0)\n\n  useHotkeys('ctrl + k', () =\u003e {\n    count.value += 1\n  })\n\n  return () =\u003e (\n    \u003cp\u003e\n      Pressed \u003ckbd\u003ectrl + k\u003c/kbd\u003e {count.value} times.\n    \u003c/p\u003e\n  )\n})\n```\n\nPreview demo:\n\n- [CodeSandbox Example](https://codesandbox.io/s/vue-use-hotkeys-demo-6kygbb)\n\n# To-Do(s)\n\n- [x] add support of `@vue/composition-api`;\n\n## License\n\nMIT \u0026copy; [Mitscherlich](https://mitscherlich.me)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmitscherlich%2Fvue-use-hotkeys","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmitscherlich%2Fvue-use-hotkeys","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmitscherlich%2Fvue-use-hotkeys/lists"}