fix i18n warnings

classes/ToolboxHelper.ts

@@ -32,10 +32,7 @@ export default class ToolboxHelper {
     }
 
     public static trans(text: string, params: Record<string,string> = {}, localeToUse: string|null = null): string {
-        const { t } = useI18n({
-            legacy: false,
-            useScope: "local"
-        });
+        const { t } = useI18n();
         if(localeToUse) {
             return t(text, params, {
                 locale: localeToUse,

i18n.config.ts

@@ -1,11 +1,15 @@
-import en from "./locales/en.json";
-import fr from "./locales/fr.json";
+import en from "./locales/en";
+import fr from "./locales/fr";
+import nl from "./locales/nl";
 
 export default defineI18nConfig(() => ({
     legacy: false,
+    globalInjection: true,
     locale: "en",
+    fallbackLocale: "en",
     messages: {
         en,
-        fr
+        fr,
+        nl
     }
 }));

locales/en.ts

@@ -1,4 +1,4 @@
-{
+export default {
     "_flag": "us",
     "_lang": "English",
     "error_occured": "An error has occured",
@@ -15,4 +15,4 @@
     "close_products_modal": "Close products description",
     "products_logo": "Logo for the product {product_name}",
     "no_products_available": "No products available"
-}
+};

locales/fr.ts

@@ -1,4 +1,4 @@
-{
+export default {
     "_flag": "fr",
     "_lang": "Francais",
     "error_occured": "Une erreur est survenue",
@@ -11,8 +11,8 @@
     "view_range_products": "Voir les produits de la gamme {range_name}",
     "ranges_logo": "Le logo de la gamme {range_name}",
     "no_ranges_available": "Aucune gamme disponible",
-    "know_more_about_this_product": "En savoir plus sur ce produit",
+    "more_about_this_product": "En savoir plus sur ce produit",
     "close_products_modal": "Fermer la description du produit",
     "products_logo": "Logo du produit {product_name}",
     "no_products_available": "Aucun produit disponible"
-}
+};

locales/nl.ts

@@ -0,0 +1,18 @@
+export default {
+    "_flag": "nl",
+    "_lang": "Nederlands",
+    "error_occured": "Er is een fout opgetreden",
+    "loading": "Bezig met laden",
+    "show_hide_languages": "Talen tonen/verbergen",
+    "discover_other_brands": "Ontdek onze andere merken",
+    "view_brand_ranges": "Bekijk het assortiment van het merk {brand_name}",
+    "brands_logo": "Het logo van het merk {brand_name}",
+    "no_brands_available": "Geen merken beschikbaar",
+    "view_range_products": "Bekijk de producten in het {range_name} assortiment",
+    "ranges_logo": "Het logo van het {range_name}-assortiment",
+    "no_ranges_available": "Geen bereik beschikbaar",
+    "more_about_this_product": "Meer informatie over dit product",
+    "close_products_modal": "Productbeschrijving sluiten",
+    "products_logo": "{product_name} productlogo",
+    "no_products_available": "Geen producten beschikbaar"
+};

nuxt.config.ts

@@ -66,8 +66,9 @@ export default defineNuxtConfig({
     },
 
     i18n: {
-        locales: ["en","fr"],
+        locales: ["en","fr", "nl"],
         defaultLocale: "en",
-        vueI18n: "./i18n.config.ts" // if you are using custom path, default
+        // * Ajouter aussi la locale dans ce fichier
+        vueI18n: "./i18n.config.ts"
     }
 });

pages/index.vue

@@ -61,7 +61,7 @@
         </div>
       </template>
       <div v-else>
-        <span class="h4">{{ t('no_brands_to_display') }}</span>
+        <span class="h4">{{ t('no_brands_available') }}</span>
       </div>
     </div>
   </div>