addpersons modal title from outside component

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

@@ -25,6 +25,7 @@
 
    <add-persons 
       buttonTitle="persons_associated.add_persons"
+      modalTitle="add_persons.title"
       v-bind:key="addPersons.key"
       v-bind:options="addPersons.options"
       @addNewPersons="addNewPersons"

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

@@ -41,15 +41,15 @@
       </div>
    </div>
    
-   <button class="sc-button bt-delete"
-      v-if="accompanyingCourse.requestor !== null"
+   <button v-if="accompanyingCourse.requestor !== null"
+      class="sc-button bt-remove"
       :title="$t('action.remove')" 
       @click="removeRequestor">
    </button>
    
-   <add-persons
-      v-if="accompanyingCourse.requestor === null"
+   <add-persons v-if="accompanyingCourse.requestor === null"
       buttonTitle="requestor.add_requestor"
+      modalTitle="requestor.add_requestor"
       v-bind:key="addPersons.key"
       v-bind:options="addPersons.options"
       @addNewPersons="addNewPersons"

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -9,7 +9,7 @@
          @close="modal.showModal = false">
 
          <template v-slot:header>
-            <h3 class="modal-title">{{ $t('add_persons.title') }}</h3>
+            <h3 class="modal-title">{{ $t(modalTitle) }}</h3>
          </template>
 
          <template v-slot:body-head>
@@ -90,7 +90,8 @@ export default {
       PersonSuggestion,
    },
    props: [
-      'buttonTitle', 
+      'buttonTitle',
+      'modalTitle',
       'options'
    ],
    emits: ['addNewPersons'],