From 49cb74df7dab44dd22e426353a1028674a288589 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Thu, 5 Sep 2024 17:46:32 +0200
Subject: [PATCH] Added extra translations to display mode

---
 components/calendar/CalendarSwitch.vue        |  4 +++-
 components/calendar/search/CalendarSearch.vue |  2 +-
 i18n.config.ts                                | 10 +++++++++-
 stores/CalendarStore.ts                       |  6 ++++--
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/components/calendar/CalendarSwitch.vue b/components/calendar/CalendarSwitch.vue
index 164153c..4937c81 100644
--- a/components/calendar/CalendarSwitch.vue
+++ b/components/calendar/CalendarSwitch.vue
@@ -18,7 +18,9 @@ const viewTypeTitle = computed(() => getViewTypeTitle(currentConfig.viewType))
       </UiButton>
     </UiDropdownMenuTrigger>
     <UiDropdownMenuContent :side="'bottom'" :collision-padding="30">
-      <UiDropdownMenuLabel>Mode d'affichage</UiDropdownMenuLabel>
+      <UiDropdownMenuLabel>
+        {{ $t('ui.displayMode') }}
+      </UiDropdownMenuLabel>
       <UiDropdownMenuSeparator />
       <UiDropdownMenuItem
         v-for="option in viewTypeOptions"
diff --git a/components/calendar/search/CalendarSearch.vue b/components/calendar/search/CalendarSearch.vue
index 1a06a80..c134c6b 100644
--- a/components/calendar/search/CalendarSearch.vue
+++ b/components/calendar/search/CalendarSearch.vue
@@ -298,7 +298,7 @@ function handleCategorySelect(e: (Category)) {
                 class="w-full"
               >
                 <ComboboxAnchor as-child>
-                  <ComboboxInput placeholder="Catégories" as-child>
+                  <ComboboxInput :placeholder="$t('entity.categoriesNamePlural')" as-child>
                     <UiTagsInputInput
                       class="w-full px-3"
                       :class="selectedCategories.length > 0 ? 'mt-2' : ''"
diff --git a/i18n.config.ts b/i18n.config.ts
index 22cfb6f..71b9730 100644
--- a/i18n.config.ts
+++ b/i18n.config.ts
@@ -27,11 +27,14 @@ export default defineI18nConfig(() => ({
         dark: "Dark",
         light: "Light",
         system: "System",
+        displayMode: "Display mode"
       },
       common: {
         title: "Title"
       },
       entity: {
+        categoriesNameSingular: "Category",
+        categoriesNamePlural: "Categories",
         searchCategories: "Search categories",
         noCategoriesFound: "No categories found.",
         addDescription: "Add a description",
@@ -101,6 +104,7 @@ export default defineI18nConfig(() => ({
             nameSingular: "Year",
           },
           months: {
+            nameSingular: "Month",
             inputName: "Month's name",
             daysNb: "Number of days",
             daysNameSingular: "Day",
@@ -144,11 +148,14 @@ export default defineI18nConfig(() => ({
         dark: "Sombre",
         light: "Clair",
         system: "Système",
+        displayMode: "Mode d'affichage",
       },
       common: {
         title: "Titre"
       },
       entity: {
+        categoriesNameSingular: "Catégorie",
+        categoriesNamePlural: "Catégories",
         searchCategories: "Rechercher les catégories",
         noCategoriesFound: "Aucune catégorie trouvée.",
         addDescription: "Ajouter une description",
@@ -218,12 +225,13 @@ export default defineI18nConfig(() => ({
             nameSingular: "Année",
           },
           months: {
+            nameSingular: "Mois",
             inputName: "Nom du mois",
             daysNb: "Nombre de jours",
             daysNameSingular: "Jour",
             daysNamePlural: "Jours",
             daysMaybePlural: "jour(s)",
-            yearsSingular: "Année",
+            Singular: "Année",
             available: "Mois disponibles",
             none: "Aucun mois pour l'instant",
             noneAvailable: "Aucun mois disponible",
diff --git a/stores/CalendarStore.ts b/stores/CalendarStore.ts
index bc6029e..3ee0080 100644
--- a/stores/CalendarStore.ts
+++ b/stores/CalendarStore.ts
@@ -25,6 +25,8 @@ type CalendarCurrentDate = {
 }
 
 export const useCalendar = defineStore("calendar", () => {
+  const { t } = useI18n()
+
   /**
    * Static calendar config
    */
@@ -326,7 +328,7 @@ export const useCalendar = defineStore("calendar", () => {
   function getViewTypeTitle(viewType: CalendarViewType): string {
     switch (viewType) {
       case "year":
-        return "Année"
+        return t("entity.calendar.years.nameSingular")
 
       case "decade":
         return "Décennie"
@@ -336,7 +338,7 @@ export const useCalendar = defineStore("calendar", () => {
 
       case "month":
       default:
-        return "Mois"
+        return t("entity.calendar.months.nameSingular")
     }
   }