app.directive('hotkey', {
    beforeMount: VueHotkey.directive.bind,
    updated: VueHotkey.directive.componentUpdated,
    unmounted: VueHotkey.directive.unbind,
  }); 

data() {
  return {
     searchPanel: false,
  }
},
methods: {
   showSearch() {
      console.log('opened')
      this.searchPanel = !this.searchPanel
    }
  },
  computed: {
    openSearch() {
      return {
        'ctrl+f: { 
          keyup: this.showSearch
        }
      }
    }
  }