ToolBar.vue

<template>
  <div>
    <button @click="addNode()">Add Node</button>
    <button>Select Node</button>
    <button>Make Connections</button>
    <UploadMedia />
  </div>
</template>

<script>
// @ is an alias to /src
import UploadMedia from '@/components/UploadMedia.vue'
import shortcuts from '@/mixins/shortcuts'

export default {
  name: 'ToolBar',
  components: {
    UploadMedia,
  },
  data() {
    return {}
  },

  mixins: [
    shortcuts('n', function () {
      // n key pressed
      this.addNode()
    }),
    shortcuts('c', function () {
      // c key was pressed
      console.log('c key was pressed')
    }),
  ],

  methods: {
    addNode() {
      this.$emit('added-node')
      this.$store.dispatch('addNode')
    },
  },
}
</script>

<style scoped></style>