Para mi proyecto estoy usando Nuxt con i18n. En el archivo .env, he creado una matriz con todos los idiomas disponibles. Ahora, en nuxt.config, me gustaría configurar el menú Acerca de para cada idioma disponible. Acerca de debe ser un objeto, que contenga la configuración regional y el nombre del menú, por ejemplo:
about: { "nl-NL": process.env.ABOUT_NAME[0], en: process.env.ABOUT_NAME[1] }No quiero que los idiomas disponibles estén codificados, deberían ser dinámicos. Entonces, para cada idioma en AVAILABLE_LOCALE.split(","), agregue la propiedad al objeto about.
¿Cómo puedo conseguir esto? Ahora mismo tengo este código:
nuxt.config.js
publicRuntimeConfig: { ABOUT: Array.from(process.env.ABOUT_NAME).forEach(lang => { this.language = lang; }), }.env
AVAILABLE_LOCALE='nl-NL,en,es' ABOUT_NAME='Over ons,About us,Sobre nosotros'¡Arreglado! Este es el resultado que me funciona:
PAGE: { NAME: JSON.parse( JSON.stringify( process.env.PAGE_NAME.split(",") .map(function(translation) { const index = process.env.PAGE_NAME.split(",").indexOf( translation ); let newObject = {}; newObject.id = index; newObject.language = process.env.AVAILABLE_LOCALE.split(",")[ index ]; newObject.name = translation; return newObject; }) .reduce((acc, obj) => { let { name, language } = obj; return { ...acc, [language.toUpperCase()]: name }; }, {}) ) ), URL: JSON.parse( JSON.stringify( process.env.PAGE_NAME.split(",") .map(function(translation) { const index = process.env.PAGE_NAME.split(",").indexOf( translation ); let newObject = {}; newObject.id = index; newObject.language = process.env.AVAILABLE_LOCALE.split(",")[ index ]; newObject.name = translation; return newObject; }) .reduce((acc, obj) => { let { name, language } = obj; return { ...acc, [language.toUpperCase()]: name .replace(/\s+/g, "-") .toLowerCase() }; }, {}) ) ) },