From 5cdd814788068923fcfcc30edf532730cd996756 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Mon, 14 Oct 2024 14:04:03 +0200
Subject: [PATCH] THE-1364 traductions valeur des filtres (checkboxes)

---
 components/common/results/FacetCheckbox.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/common/results/FacetCheckbox.vue b/components/common/results/FacetCheckbox.vue
index 9f12f21..a10ab47 100644
--- a/components/common/results/FacetCheckbox.vue
+++ b/components/common/results/FacetCheckbox.vue
@@ -1,7 +1,7 @@
 <template>
   <v-lazy  :min-height="10" :options="{ threshold: 0 }">
-    <v-checkbox :aria-label="`${replaceFacetsText(facetItem.label)} (${facetItem.value.toLocaleString('fr-FR')})` + ' résultats'" v-model="checkboxState" @click="updateCheckbox" :class="`checkboxes ms-${props.marginOffset}`"
-      :label="`${replaceFacetsText(facetItem.label)} (${facetItem.value.toLocaleString('fr-FR')})`" density="compact" inline hide-details @keyup.enter="updateCheckbox">
+    <v-checkbox :aria-label="`${replaceFacetsTextAndTranslate(facetItem.label)} (${facetItem.value.toLocaleString('fr-FR')})` + ' résultats'" v-model="checkboxState" @click="updateCheckbox" :class="`checkboxes ms-${props.marginOffset}`"
+      :label="`${replaceFacetsTextAndTranslate(facetItem.label)} (${facetItem.value.toLocaleString('fr-FR')})`" density="compact" inline hide-details @keyup.enter="updateCheckbox">
     </v-checkbox>
   </v-lazy>
 
@@ -19,7 +19,9 @@
 <script setup>
 import { computed, onMounted, ref, watch } from "vue";
 import { replaceFacetsText } from "../../../services/Common";
+import { useI18n } from "vue-i18n";
 
+const { t } = useI18n();
 const { addToFiltersLabelsMap } = useStrategyAPI();
 
 const emit = defineEmits(['updateParentCheckbox', 'updateFilterData', 'updateFilterDataRecursive']);
@@ -140,6 +142,10 @@ function arrayContainsFilter() {
   }
   return false;
 }
+
+function replaceFacetsTextAndTranslate(label) {
+  return t(replaceFacetsText(label));
+}
 </script>
 
 <style scoped lang="scss">