remove props for ToggleFlags component

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/AccompanyingCourse.vue

@@ -8,11 +8,7 @@
    </div>
       
    <teleport to="#header-accompanying_course-name .grid-4">
-      <toggle-flags
-         v-bind:intensity="accompanyingCourse.intensity"
-         v-bind:emergency="accompanyingCourse.emergency"
-         v-bind:confidential="accompanyingCourse.confidential">
-      </toggle-flags>
+      <toggle-flags></toggle-flags>
    </teleport>
       
    <teleport to="#header-accompanying_course-name .grid-3">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ToggleFlags.vue

@@ -22,10 +22,15 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 export default {
    name: "ToggleFlags",
-   props: ['emergency', 'confidential', 'intensity'],
    computed: {
+      ...mapState({
+         intensity: state => state.accompanyingCourse.intensity,
+         emergency: state => state.accompanyingCourse.emergency,
+         confidential: state => state.accompanyingCourse.confidential,
+      }),
       isRegular() {
          return (this.intensity === 'regular')? true : false;
       },