From 7c1891b82a27f4010ee1409c06611c94403fd9a3 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Tue, 9 Feb 2021 17:48:20 -0900
Subject: [PATCH] "/" to open search bar

---
 frontend/src/App.vue                     | 8 ++++++++
 frontend/src/components/UI/SearchBar.vue | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index ffd80d668..6d8499497 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -11,6 +11,7 @@
       <v-spacer></v-spacer>
       <v-expand-x-transition>
         <SearchBar
+          ref="mainSearchBar"
           class="mt-7"
           v-if="search"
           :show-results="true"
@@ -55,6 +56,13 @@ export default {
       this.search = false;
     },
   },
+  created() {
+    window.addEventListener("keyup", e => {
+      if (e.key == "/") {
+        this.search = !this.search;
+      }
+    });
+  },
 
   mounted() {
     this.$store.dispatch("initTheme");
diff --git a/frontend/src/components/UI/SearchBar.vue b/frontend/src/components/UI/SearchBar.vue
index 8a7c7d041..b1a93c30d 100644
--- a/frontend/src/components/UI/SearchBar.vue
+++ b/frontend/src/components/UI/SearchBar.vue
@@ -12,6 +12,8 @@
       hide-no-data
       cache-items
       solo
+      autofocus
+      auto-select-first
     >
       <template
         v-if="showResults"