diff --git a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue
index 18c91c87a..ca5b2b272 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue
@@ -29,34 +29,32 @@
       </li>
    </ul>
 </div>
+
 </template>
 
 <script>
+import { mapState } from 'vuex';
 import PersonItem from "./PersonItem.vue"
 
+let SimpsonId = 10000
+
 export default {
    name: 'PersonsAssociated',
    components: { 
-      PersonItem 
-   },
-   computed: {
-      accompanying_course() {
-         return this.$store.state.accompanying_course
-      },
-      participations() {
-         return this.accompanying_course.participations
-      },
-      counter() {
-         return this.participations.length
-      }
+      PersonItem,
    },
+   computed: mapState({
+      participations: state => state.accompanying_course.participations,
+      counter: state => state.accompanying_course.participations.length
+   }),
    methods: {
       addPerson() {
          this.$store.commit('addParticipation', {
-            person: { firstName: "Lisa", lastName: "Simpson", },
-            startDate: "1975-09-15", endDate: "2021-04-20"
+            id: SimpsonId++,
+            person: { firstName: "Lisa", lastName: "Simpson", id: SimpsonId },
+            startDate: { datetime: "1975-09-15T00:00:00+0100" }, 
+            endDate: { datetime: "1975-09-28T00:00:00+0100" }, 
          })
-         return this.accompanying_course
       },
       removePerson(item) {
          this.$store.commit('removeParticipation', item)
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js
index 6d5d710e3..387b56072 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js
@@ -11,6 +11,8 @@ let promise = getAccompanyingCourse(window.accompanyingCourseId)
          state: {
             accompanying_course: accompanying_course
          },
+         getters: {
+         },
          mutations: {
             removeParticipation(state, item) {
                console.log('remove item', item.id);
@@ -20,6 +22,8 @@ let promise = getAccompanyingCourse(window.accompanyingCourseId)
                console.log('add new item');
                state.accompanying_course.participations.push(item)
             }
+         },
+         actions: {
          }
       });
       //console.log('store', store);