make group searcher works

2 files changed, 20 insertions, 12 deletions

diff --git a/src/components/Searcher.vue b/src/components/Searcher.vue
index a1093a2..df6dd9e 100644
--- a/src/components/Searcher.vue
+++ b/src/components/Searcher.vue
@@ -11,9 +11,9 @@
 
     <Sugestion 
       v-for="sugestion in sugestions" 
-      :key="sugestion[0]" 
-      :command="sugestion[1]" 
-      :class="{selected: sugestion[0] === current[0]}" 
+      :key="sugestion[0]"
+      :sugestion="sugestion"
+      :class="{selected: sugestion[0] === current[0]}"
     />
   </div>
 </template>
@@ -64,7 +64,6 @@ export default {
     async execute_current() {
       let out = await this.current[1](this)
 
-      console.log(out)
       if(out instanceof Object) {
         this.search = ''
         this.commands = out
@@ -72,25 +71,29 @@ export default {
     },
 
     hotkeys(e) {
-      e.preventDefault()
-
       switch(e.code) {
         case 'Escape':
-        this.close()
-        break
+          e.preventDefault()
+          this.close()
+          break
         case 'ArrowDown':
+          e.preventDefault()
           this.change_current(1)
           break
         case 'ArrowUp':
+          e.preventDefault()
           this.change_current(-1)
           break
         case 'Tab':
+          e.preventDefault()
           this.change_current(1)
           break
         case 'Enter':
+          e.preventDefault()
           this.execute_current()
           break
         case 'ShiftLeft':
+          e.preventDefault()
           this.commands = CommandsService
           break
       }
diff --git a/src/components/Sugestion.vue b/src/components/Sugestion.vue
index cfbcd93..4721ca2 100644
--- a/src/components/Sugestion.vue
+++ b/src/components/Sugestion.vue
@@ -1,14 +1,19 @@
 <template>
   <div class="sugestion">
-      <span>{{command.name}}</span>
+      <span>{{sugestion[0]}}</span>
   </div>
 </template>
 
 <script>
 export default {
     props: {
-        command: Function
-    }
+        sugestion: Array
+    },
+
+   created() {
+        this.$nextTick(function () {
+        })
+     }
 
 }
 </script>
@@ -24,4 +29,4 @@ export default {
         padding: 5px;
         padding-right: 0px;
     }
-</style>
\ No newline at end of file
+</style>