init SocialIssue, Referrer and Confirm components

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

@@ -2,8 +2,11 @@
    <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>
 
@@ -13,8 +16,11 @@ 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 {
@@ -23,8 +29,11 @@ export default {
       AccompanyingCourse,
       PersonsAssociated, 
       Requestor,
+      SocialIssue,
+      Referrer,
       Resources,
       Comment,
+      Confirm,
       //Test
    },
    computed: mapState([

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

@@ -0,0 +1,11 @@
+<template>
+  <div class="vue-component">
+     <h3>{{ $t('confirm.title') }}</h3>
+  </div>
+</template>
+
+<script>
+export default {
+   name: "Confirm",
+}
+</script>

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

@@ -0,0 +1,11 @@
+<template>
+  <div class="vue-component">
+     <h3>{{ $t('referrer.title') }}</h3>
+  </div>
+</template>
+
+<script>
+export default {
+   name: "Referrer",
+}
+</script>

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

@@ -0,0 +1,11 @@
+<template>
+  <div class="vue-component">
+     <h3>{{ $t('social_issue.title') }}</h3>
+  </div>
+</template>
+
+<script>
+export default {
+   name: "SocialIssue",
+}
+</script>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js

@@ -48,6 +48,12 @@ const appMessages = {
          address: "Adresse",
          location: "Localité",
       },
+      social_issue: {
+         title: "Problématiques sociales",
+      },
+      referrer: {
+         title: "Référent",
+      },
       resources: {
          title: "Interlocuteurs privilégiés",
          counter: "Pas d'interlocuteur | 1 interlocuteur | {count} interlocuteurs",
@@ -58,7 +64,11 @@ const appMessages = {
       comment: {
          title: "Ajout d'une note",
          content: "Rédigez une première note..."
-      }
+      },
+      confirm: {
+         title: "Confirmation",
+      },
+
    }
 };