Add command line

1 files changed, 26 insertions, 2 deletions

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5a2a903..2954857 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,25 +1,49 @@
 <template>
-  <div class="home">
+  <div class="home" v-hotkey="keymap">
     Hi {{get_username}}!
     <input type="button" value="Logout!" @click="logout">
+    <Searcher v-if="show" @close="hide" />
   </div>
 </template>
 
 <script>
+import Searcher from '@/components/Searcher.vue'
+
 export default {
+  data() {
+    return {
+      show: false,
+    }
+  },
+
   methods: {
     logout() {
       this.$store.dispatch('logout')
       this.$router.push('/login')
-    }
+    },
+    
+    toogleShow() { this.show = !this.show },
+    hide() { this.show = false }
   },
 
   computed: {
     get_username() {
       return this.$store.getters['get_user'].username
+    },
+
+    keymap() {
+      return { 
+        'ctrl+esc': this.toogleShow,
+        'ctrl+shift+p': this.toogleShow,
+        'esc': this.hide
+      }
     }
   },
 
+  components: {
+    Searcher
+  },
+
   created() {
     if(!this.$store.getters['is_logged_in']) {
       this.$router.push('/login')