Added custom hotkey support

2 files changed, 9 insertions, 2 deletions

diff --git a/src/App.vue b/src/App.vue
index 1f4f509..9b4803f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -41,6 +41,7 @@
 
         <SearchInput
           class="navbar-item is-inline-block-mobile"
+          :hotkey="config.hotkey"
           @input="filterServices"
           @search-focus="showMenu = true"
           @search-open="navigateToFirstService"
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 40c5a1d..c4c11a2 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -15,10 +15,16 @@
 <script>
 export default {
   name: "SearchInput",
-  props: ["value"],
+  props: {
+    value: String,
+    hotkey: {
+      type: String,
+      default: "/"
+    }
+  },
   mounted() {
     this._keyListener = function (event) {
-      if (event.key === "/") {
+      if (event.key === this.hotkey) {
         event.preventDefault();
         this.focus();
       }