feat: add translation for calculator page

Author: JulienMessageIppon

i18n/locales/en.json

@@ -246,5 +246,12 @@
   },
   "estimation": {
     "possibleImprovements": "Possible improvements:"
+  },
+  "calculator": {
+    "seeOnCatalog": "See on catalog",
+    "alternativeRegion": "Alternative region <span class=\"text-xs\">(optional)</span>",
+    "back": "Back",
+    "save": "Save",
+    "myInfrastructures": "My infrastructures:"
   }
 }

i18n/locales/fr.json

@@ -246,5 +246,12 @@
   },
   "estimation": {
     "possibleImprovements": "Quelques axes d'amélioration :"
+  },
+  "calculator": {
+    "seeOnCatalog": "Voir sur le catalogue",
+    "alternativeRegion": "Région alternative <span class=\"text-xs\">(optionnelle)</span>",
+    "back": "Retour",
+    "save": "Enregistrer",
+    "myInfrastructures": "Mes infrastructures :"
   }
 }

pages/calculatrice/index.vue

@@ -22,7 +22,9 @@
     <div class="grid gap-8">
       <section class="grid gap-4">
         <div class="flex items-center justify-between">
-          <h2 class="font-title font-bold text-3xl">Mes infrastructures :</h2>
+          <h2 class="font-title font-bold text-3xl">
+            {{ $t("calculator.myInfrastructures") }}
+          </h2>
           <InfrastructureCreate
             class="ml-auto"
             @infra-created="handleInfraCreated"

pages/calculatrice/infrastructure/[infrastructureID]/available-services.vue

@@ -44,7 +44,7 @@
             Configurer
           </button>
           <a v-if="false" href="#" class="text-black underline italic">
-            Voir sur le catalogue
+            {{ $t("calculator.seeOnCatalog") }}
           </a>
         </div>
       </div>

pages/calculatrice/infrastructure/[infrastructureID]/create-component.vue

@@ -53,8 +53,7 @@
                 <input id="checkbox" v-model="isOtherRegion" type="checkbox" />
                 <label for="checkbox">
                   <div>
-                    Région alternative
-                    <span class="text-xs">(optionnelle)</span>
+                    {{ $t("calculator.alternativeRegion") }}
                   </div>
                 </label>
               </div>
@@ -70,13 +69,13 @@
                 class="bg-black text-white p-2 rounded-md hover:bg-iroco-light-green focus:outline-none focus:shadow-outline-blue active:bg-blue-800"
                 @click="handleBackClick"
               >
-                Retour
+                {{ $t("calculator.back") }}
               </button>
               <button
                 type="submit"
                 class="bg-black text-white p-2 rounded-md hover:bg-iroco-light-green focus:outline-none focus:shadow-outline-blue active:bg-blue-800"
               >
-                Enregistrer
+                {{ $t("calculator.save") }}
               </button>
             </div>
           </div>