<template>
   <accompanying-course></accompanying-course>
   <persons-associated></persons-associated>
   <requestor></requestor>
   <social-issue></social-issue>
   <referrer></referrer>
   <resources></resources>
   <comment></comment>
   <confirm></confirm>
   <!--test></test-->
</template>

<script>
import { mapState } from 'vuex'

import AccompanyingCourse from './components/AccompanyingCourse.vue';
import PersonsAssociated from './components/PersonsAssociated.vue';
import Requestor from './components/Requestor.vue';
import SocialIssue from './components/SocialIssue.vue';
import Referrer from './components/Referrer.vue';
import Resources from './components/Resources.vue';
import Comment from './components/Comment.vue';
import Confirm from './components/Confirm.vue';
//import Test from './components/Test.vue';

export default {
   name: 'App',
   components: { 
      AccompanyingCourse,
      PersonsAssociated, 
      Requestor,
      SocialIssue,
      Referrer,
      Resources,
      Comment,
      Confirm,
      //Test
   },
   computed: mapState([
      'accompanyingCourse'
   ])
};
</script>
