Resolve "Finish handling of internationalization in vuejs: handling translation of "translatable string""

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

@@ -78,7 +78,7 @@
       <!-- results which **are** attached to an objective -->
       <div v-for="g in goalsPicked" :key="g.goal.id">
         <div class="item-title" @click="removeGoal(g)">
-          <span class="removable">{{ g.goal.title.fr }}</span>
+          <span class="removable">{{ localizeString(g.goal.title) }}</span>
         </div>
         <div>
           <add-result :goal="g.goal" destination="goal"></add-result>
@@ -122,7 +122,7 @@
                   @click="addGoal(g)"
                   :key="g.id"
                 >
-                  <span>{{ g.title.fr }}</span>
+                  <span>{{ localizeString(g.title) }}</span>
                 </li>
               </ul>
             </template>
@@ -167,7 +167,7 @@
               @click="addEvaluation(e)"
               :key="e.id"
             >
-              <span>{{ e.title.fr }}</span>
+              <span>{{ localizeString(e.title) }}</span>
             </li>
           </ul>
         </div>
@@ -472,6 +472,7 @@ import OnTheFly from "ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue";
 import ListWorkflowModal from "ChillMainAssets/vuejs/_components/EntityWorkflow/ListWorkflowModal.vue";
 import PersonText from "ChillPersonAssets/vuejs/_components/Entity/PersonText.vue";
 import { makeFetch } from "ChillMainAssets/lib/api/apiMethods";
+import { localizeString } from "ChillMainAssets/lib/localizationHelper/localizationHelper";
 
 const i18n = {
   messages: {
@@ -673,6 +674,7 @@ export default {
     },
   },
   methods: {
+    localizeString,
     toggleSelect() {
       this.isExpanded = !this.isExpanded;
     },