Localización en Laravel con Inertia y Vue3

En esta entrada vamos a ver lo sencillo que es añadir localización a nuestros proyectos Laravel con Inertia y Vue 3. Pero antes de nada, veamos un ejemplo rápido de lo que vamos a hacer.

Instalar Laravel Vue i18n

Generar archivos de traducción

Para ello, nos vamos a apoyar en archivos .json en el directorio lang, en este caso es.json y en.json.

Helper para establecer idioma

Vamos a crear un archivo helpers.php en el directorio app con el siguiente contenido.

Ahora crea un archivo de configuración para los idiomas en config/languages.php

Recuerda generar la autocarga de este archivo en el composer.json

Middleware para que el idioma permanezca al recargar la página

Añadir Middleware a Kernel

Ruta para establecer idioma en el servidor

Configurar Inertia

Ahora abrimos el archivo app.js para añadir lo siguiente.

Página Vue con ejemplo final

Si lo hemos hecho todo bien y no he pasado nada por alto deberías tener una aplicación con diferentes idiomas funcionando.