<template>
  <flow-form
    ref="flowform"
    v-bind:questions="questions"
    v-bind:standalone="true"
  >
  </flow-form>
</template>

<script>
  export default {
    name: 'example',

    components: {
      FlowForm
    },

    data() {
      return {
        questions: [
          ...
        ]
      }
    },
    mounted() {
      document.addEventListener('keyup', this.onKeyUpListener, true)
    },

    beforeUnmount() {
      document.removeEventListener('keyup', this.onKeyUpListener, true)
    },

    methods: {
      onKeyUpListener(e) {
        if (e.key === 'ArrowDown') {
          this.$refs.flowform.goToNextQuestion()
        } else if (e.key === 'ArrowUp') {
          this.$refs.flowform.goToPreviousQuestion()
        }
      }
    }
  }
</script>