Create address on the fly field in event form

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/EditPane.vue

@@ -18,7 +18,7 @@
         </div>
 
         <h4 class="h3">
-            {{ $t("select_an_address_title") }}
+            {{ trans(ADDRESS_SELECT_AN_ADDRESS_TITLE) }}
         </h4>
         <div class="row my-3">
             <div class="col-lg-6">
@@ -31,7 +31,7 @@
                         :value="valueConfidential"
                     />
                     <label class="form-check-label" for="isConfidential">
-                        {{ $t("isConfidential") }}
+                        {{ trans(ADDRESS_IS_CONFIDENTIAL) }}
                     </label>
                 </div>
                 <div class="form-check">
@@ -43,7 +43,7 @@
                         :value="value"
                     />
                     <label class="form-check-label" for="isNoAddress">
-                        {{ $t("isNoAddress") }}
+                        {{ trans(ADDRESS_IS_NO_ADDRESS) }}
                     </label>
                 </div>
 
@@ -108,6 +108,13 @@ import AddressSelection from "./AddAddress/AddressSelection";
 import AddressMap from "./AddAddress/AddressMap";
 import AddressMore from "./AddAddress/AddressMore";
 import ActionButtons from "./ActionButtons.vue";
+import {
+    ADDRESS_SELECT_AN_ADDRESS_TITLE,
+    ADDRESS_IS_CONFIDENTIAL,
+    ADDRESS_IS_NO_ADDRESS,
+    trans,
+} from "translator";
+
 
 export default {
     name: "EditPane",
@@ -119,6 +126,14 @@ export default {
         AddressMore,
         ActionButtons,
     },
+    setup() {
+        return {
+            trans,
+            ADDRESS_SELECT_AN_ADDRESS_TITLE,
+            ADDRESS_IS_CONFIDENTIAL,
+            ADDRESS_IS_NO_ADDRESS
+        };
+    },
     props: [
         "context",
         "options",