<template>
  <household></household>
  <concerned></concerned>
  <dates></dates>
  <confirmation></confirmation>
</template>

<script>

import { mapState } from 'vuex';
import Concerned from './components/Concerned.vue';
import Household from './components/Household.vue';
import Dates from './components/Dates.vue';
import Confirmation from './components/Confirmation.vue';

export default {
  name: 'App',
  components: {
    Concerned,
    Household,
    Dates,
    Confirmation,
  },
  computed: {
    // for debugging purpose
    // (not working)
    //...mapState({
    //  'concerned', 'household', 'positions'
    //  })
  }
}

</script>
