<template>
  <div>
    <h1>From</h1>

    <Panel v-model="from" />

    <router-link to="/steps/2">
      next
    </router-link>
  </div>
</template>

<script>
import Panel from '~/components/Panel';

export default {
  components: {
    Panel,
  },

  computed: {
    from: {
      set (value) {
        this.$store.commit('setFrom', value);
      },
      get () {
        return this.$store.state.from;
      },
    },
  },
};
</script>
