[i18n] fix traduction internationalization i18n + add fr

src/presentation/fashion/Banner/Banner.js

@@ -1,12 +1,14 @@
 import { VueperSlides, VueperSlide } from 'vueperslides';
 import 'vueperslides/dist/vueperslides.css';
 import { useI18n } from 'vue-i18n';
+import localMessages from './Banner.json'
 
 export default {
   setup() {
     const { t } = useI18n({
       inheritLocale: true,
       useScope: 'local',
+      messages: localMessages
     });
     return {
       t,

src/presentation/fashion/Banner/Banner.json

@@ -0,0 +1,23 @@
+{
+  "en": {
+    "midSeasonSale": "MID-SEASON SALE",
+    "up50": "UP TO 50%",
+    "shopNow": "SHOP NOW",
+    "checkout": "CHECK OUT",
+    "newCollection": "NEW COLLECTION"
+  },
+  "fr": {
+    "midSeasonSale": "PROMO MI-SAISON",
+    "up50": "JUSQU'A 50%",
+    "shopNow": "ACHETE MAINTENANT",
+    "checkout": "PANIER",
+    "newCollection": "NOUVELLE COLLECTION"
+  },
+  "de": {
+    "midSeasonSale": "SOMMERSCHLUSSVERKAUF",
+    "up50": "BIS ZU 50%",
+    "shopNow": "JETZT SHOPPEN",
+    "checkout": "checkout",
+    "newCollection": "NEUE KOLLEKTION"
+  }
+}

src/presentation/fashion/Banner/Banner.vue

@@ -1,6 +1,5 @@
 <script src="./Banner.js" />
 <style src="./Banner.scss" lang="scss"></style>
-<i18n src="./Banner.txt" lang="yaml"></i18n>
 
 <template>
   <transition name="slide-fade" appear>

src/presentation/fashion/CartDetail/AddDiscountCodeForm/AddDiscountCodeForm.js

@@ -5,6 +5,7 @@ import BaseInput from 'presentation/components/BaseInput/BaseInput.vue';
 import { useI18n } from 'vue-i18n';
 import useCartTools from 'hooks/useCartTools';
 import useDiscountCode from 'hooks/useDiscountCode';
+import localMessages from './AddDiscountCodeForm.json'
 
 export default {
   components: {
@@ -13,7 +14,7 @@ export default {
     ServerError,
   },
   setup() {
-    const { t } = useI18n();
+    const { t } = useI18n({messages: localMessages});
     const { applyDiscount: ad } = useCartTools();
     const { form, v } = useDiscountCode();
     const applyDiscount = () => ad(form.value.code);

src/presentation/fashion/CartDetail/AddDiscountCodeForm/AddDiscountCodeForm.json

@@ -0,0 +1,17 @@
+{
+  "en": {
+    "code": "Discount code",
+    "apply": "Apply",
+    "nonApplicable": "This discount code is non applicable"
+  },
+  "fr": {
+    "code": "Code Promo",
+    "apply": "Appliquer",
+    "nonApplicable": "Ce code n'est pas applicable"
+  },
+  "de": {
+    "code": "Rabattcode",
+    "apply": "Anwenden",
+    "nonApplicable": "Dieser Rabattcode ist nicht anwendbar"
+  }
+}

src/presentation/fashion/CartDetail/AddDiscountCodeForm/AddDiscountCodeForm.vue

@@ -1,5 +1,4 @@
 <style src="./AddDiscountCodeForm.scss" lang="scss"></style>
-<i18n src="./AddDiscountCodeForm.txt" lang="yaml"></i18n>
 <script src="./AddDiscountCodeForm.js"></script>
 
 <template>

src/presentation/fashion/CartDetail/CartDetail.js

@@ -5,6 +5,7 @@ import AddDiscountCodeForm from './AddDiscountCodeForm/AddDiscountCodeForm.vue';
 import CartLikePriceDetail from './CartLikePriceDetail/CartLikePriceDetail.vue';
 import useCartTools from 'hooks/useCartTools';
 import useCart from 'hooks/useCart';
+import localMessages from './CartDetail.json'
 
 // import AddDiscountCodeForm from '../AddDiscountCodeForm/AddDiscountCodeForm.vue';
 export default {
@@ -16,7 +17,7 @@ export default {
     CartLikePriceDetail,
   },
   setup() {
-    const { t } = useI18n();
+    const { t } = useI18n({messages: localMessages});
     const { cart, loading, error } = useCart();
     return {
       t,

src/presentation/fashion/CartDetail/CartDetail.json

@@ -0,0 +1,26 @@
+{
+  "en": {
+    "yourCart": "Your Cart",
+    "itemsTotal": "{n} item in total | {n} items in total",
+    "empty": "Your cart is currently empty",
+    "continueShopping": "Continue Shopping",
+    "shopNow": "Shop now",
+    "startCheckout": "Start Checkout"
+  },
+  "fr": {
+    "yourCart": "Votre panier",
+    "itemsTotal": "{n} objet au total | {n} objets au total",
+    "empty": "Votre panier est vide",
+    "continueShopping": "Condinuer mes achats",
+    "shopNow": "Acheter maintenant",
+    "startCheckout": "Démarrer l'achat"
+  },
+  "de": {
+    "yourCart": "Ihr Warenkorb",
+    "itemsTotal": "{n} Artikel im Warenkorb",
+    "empty": "Ihr Warenkorb ist derzeit leer",
+    "continueShopping": "Weiter einkaufen",
+    "shopNow": "Jetzt einkaufen",
+    "startCheckout": "Zur Kasse"
+  }
+}

src/presentation/fashion/CartDetail/CartDetail.vue

@@ -1,5 +1,4 @@
 <style src="./CartDetail.scss" lang="scss"></style>
-<i18n src="./CartDetail.txt" lang="yaml"></i18n>
 <script src="./CartDetail.js"></script>
 
 <template>

src/presentation/fashion/CartDetail/CartLikeContentDetail/CartLikeContentDetail.js

@@ -1,6 +1,7 @@
 import { useI18n } from 'vue-i18n';
 import LineItemInfo from './LineItemInfo/LineItemInfo.vue';
 import { shallowRef } from 'vue';
+import localMessages from './CartLikeContentDetail.json'
 export default {
   components: {
     LineItemInfo,
@@ -24,7 +25,7 @@ export default {
     },
   },
   setup(_, { emit }) {
-    const { t } = useI18n();
+    const { t } = useI18n({messages: localMessages});
     const selectedReturnItems = shallowRef([]);
     const selectReturnItem = (item) => {
       selectedReturnItems.value = selectedReturnItems.value

src/presentation/fashion/CartDetail/CartLikeContentDetail/CartLikeContentDetail.json

@@ -0,0 +1,23 @@
+{
+  "en": {
+    "description": "Description",
+    "quantity": "Quantity",
+    "price": "Price",
+    "total": "Total",
+    "returnStatus": "Status"
+  },
+  "fr": {
+    "description": "Description",
+    "quantity": "Quantité",
+    "price": "Prix",
+    "total": "Total",
+    "returnStatus": "Statut"
+  },
+  "de": {
+    "description": "Beschreibung",
+    "quantity": "Menge",
+    "price": "Preis",
+    "total": "Gesamtpreis",
+    "returnStatus": "Status"
+  }
+}

src/presentation/fashion/CartDetail/CartLikeContentDetail/CartLikeContentDetail.vue

@@ -2,7 +2,6 @@
   src="./CartLikeContentDetail.scss"
   lang="scss"
 ></style>
-<i18n src="./CartLikeContentDetail.txt" lang="yaml"></i18n>
 <script src="./CartLikeContentDetail.js"></script>
 
 <template>

src/presentation/fashion/CartDetail/CartLikeContentDetail/LineItemInfo/LineItemInfo.js

@@ -5,6 +5,8 @@ import DiscountTag from 'presentation/components/DiscountTag/DiscountTag.vue';
 
 import Remove from 'presentation/components/LineItemQuantityForm/Remove/Remove.vue';
 import useCartTools from 'hooks/useCartTools';
+import localMessages from './LineItemInfo.json'
+import { useI18n } from 'vue-i18n';
 export default {
   components: {
     LineItemQuantityForm,
@@ -70,11 +72,13 @@ export default {
         emit('unselect-return-item', item.value);
       }
     });
+    const { t } = useI18n({messages: localMessages});
     return {
       selected,
       item,
       quantity,
       ...useCartTools(),
+      t,
     };
   },
 };

src/presentation/fashion/CartDetail/CartLikeContentDetail/LineItemInfo/LineItemInfo.json

@@ -0,0 +1,11 @@
+{
+  "en": {
+    "available": "Available"
+  },
+  "fr": {
+    "available": "Disponible"
+  },
+  "de": {
+    "available": "Verfügbar"
+  }
+}

src/presentation/fashion/CartDetail/CartLikeContentDetail/LineItemInfo/LineItemInfo.vue

@@ -1,6 +1,5 @@
 <style src="./LineItemInfo.scss" lang="scss"></style>
 <script src="./LineItemInfo.js"></script>
-<i18n src="./LineItemInfo.txt" lang="yaml"></i18n>
 
 <template>
   <tbody>

src/presentation/fashion/CartDetail/CartLikePriceDetail/CartLikePriceDetail.js

@@ -2,6 +2,7 @@ import { useI18n } from 'vue-i18n';
 import BasePrice from 'presentation/components/BasePrice/BasePrice.vue';
 import DiscountCodes from './DiscountCodes/DiscountCodes.vue';
 import useCartTools from 'hooks/useCartTools';
+import localMessages from './CartLikePriceDetail.json'
 
 export default {
   components: {
@@ -19,7 +20,7 @@ export default {
     },
   },
   setup() {
-    const { t } = useI18n();
+    const { t } = useI18n({messages: localMessages});
     return { t, ...useCartTools() };
   },
 };

src/presentation/fashion/CartDetail/CartLikePriceDetail/CartLikePriceDetail.json

@@ -0,0 +1,29 @@
+{
+  "en": {
+    "cartTotals": "Cart totals",
+    "subtotal": "Subtotal",
+    "shipping": "Shipping",
+    "salesTax": "Sales Tax",
+    "total": "Total",
+    "discount": "Discount",
+    "checkout": "Checkout"
+  },
+  "fr": {
+    "cartTotals": "Total Panier",
+    "subtotal": "Sous-total",
+    "shipping": "Expedition",
+    "salesTax": "Taxes",
+    "total": "Total",
+    "discount": "Réduction",
+    "checkout": "Panier"
+  },
+  "de": {
+    "cartTotals": "Warenkorbsummen",
+    "subtotal": "Zwischensumme",
+    "shipping": "Versand",
+    "salesTax": "MwSt.",
+    "total": "Gesamtpreis",
+    "discount": "Rabatt",
+    "checkout": "Zur Kasse"
+  }
+}

src/presentation/fashion/CartDetail/CartLikePriceDetail/CartLikePriceDetail.vue

@@ -1,5 +1,4 @@
 <style src="./style.css" scoped></style>
-<i18n src="./CartLikePriceDetail.txt" lang="yaml"></i18n>
 <script src="./CartLikePriceDetail.js"></script>
 <template>
   <div v-if="cart" class="grand-total-wrap">

src/presentation/fashion/CartDetail/CartLikePriceDetail/DiscountCodes/DiscountCodes.js

@@ -1,5 +1,6 @@
 import { useI18n } from 'vue-i18n';
 import RemoveDiscountCodeForm from './RemoveDiscountCodeForm/RemoveDiscountCodeForm.vue';
+import localMessages from './DiscountCodes.json'
 
 export default {
   components: { RemoveDiscountCodeForm },
@@ -14,7 +15,7 @@ export default {
     },
   },
   setup() {
-    const { t } = useI18n();
+    const { t } = useI18n({messages: localMessages});
     return { t };
   },
 };

src/presentation/fashion/CartDetail/CartLikePriceDetail/DiscountCodes/DiscountCodes.json

@@ -0,0 +1,11 @@
+{
+  "en": {
+    "appliedDiscounts": "Applied discounts"
+  },
+  "fr": {
+    "appliedDiscounts": "Promotions appliquées"
+  },
+  "de": {
+    "appliedDiscounts": "Angewandte Rabatte"
+  }
+}

src/presentation/fashion/CartDetail/CartLikePriceDetail/DiscountCodes/DiscountCodes.vue

@@ -1,5 +1,4 @@
 <style src="./style.css" scoped></style>
-<i18n src="./DiscountCodes.txt" lang="yaml"></i18n>
 <script src="./DiscountCodes.js"></script>
 
 <template>