Traducciones JSON con Laravel y Vue

Laravel nos ofrece diferentes formas para traducir nuestras aplicaciones. Nosotros en este curso vamos a utilizar la que yo suelo aplicar en mis proyectos, que es haciendo uso de archivos JSON.

Cuando traducimos aplicaciones Laravel, no tenemos ningún problema si estamos haciendo uso de Blade ya que tenemos funciones que nos ayudan a realizar este trabajo. En cambio, si queremos utilizar algún framework como Vue, la cosa se puede complicar, y, si no lo has hecho antes, puede ser un problema importante abordar esta funcionalidad de forma correcta y simple.

A lo largo de este curso vamos a llevar a cabo desde 0 y de forma completa toda la lógica necesaria sin la necesidad de dependencias externas para poder utilizar las traducciones de los archivos JSON de Laravel dentro de los componentes de Vue.

Las características de nuestro sistema serán las siguientes:

• Cargar el idioma por defecto si no hay uno seleccionado o no está disponible.

• Posibilidad de seleccionar el idioma deseado de los disponibles de forma dinámica.

• Posibilidad de utilizar traducciones con comodines (traducciones dinámicas).

• Posibilidad de utilizar traducciones con pluralización.

• Utilizar por defecto el idioma por defecto si no existe la traducción para el idioma seleccionado.

Para poder utilizar las traducciones JSON de Laravel en Vue desarrollaremos un plugin que nos permitirá aplicar toda la lógica necesaria, la cual constará entre otras cosas de lo siguiente:

• Funciones y variables disponibles en cualquier componente/template haciendo uso de Options API y Composition API.

• $availableLocales: array de idiomas disponibles en nuestra aplicación.

• $locale: idioma seleccionado actualmente.

• $setLocale: nos permitirá establecer el idioma de la aplicación.

• $t: función que nos permitirá obtener las traducciones, con y sin comodines.

• $tc: función que nos permitirá obtener las traducciones que consten de pluralización, sea el singular o el plural.

Lo mejor de este curso sin duda es que lo que aprendas lo podrás incorporar fácilmente a cualquier proyecto que utilice Laravel y Vue.