"/" to open search bar

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");

frontend/src/components/UI/SearchBar.vue

@@ -12,6 +12,8 @@
       hide-no-data
       cache-items
       solo
+      autofocus
+      auto-select-first
     >
       <template
         v-if="showResults"