<template>
  <vue-flowchart-editor
    :onBeforeCommandExecute="handleBeforeCommand"
    :onAfterCommandExecute="handleAfterCommand"
  >
    <flow />
  </vue-flowchart-editor>
</template>

<script>
  import VueFlowchartEditor, { Flow } from 'vue-flowchart-editor'
  export default {
    methods: {
      handleBeforeCommand({ command }) {
        console.log('before command execute', command)
      },
      handleAfterCommand({ command }) {
        console.log('after command execute', command)
      },
    },
    components: { VueFlowchartEditor, Flow },
  }
</script>