Localización en Laravel con Inertia y Vue3

arrow_back Blog

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.

Localización en Laravel con Inertia y Vue 3

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.

Cursosdesarrolloweb Cursosdesarrolloweb

Cursosdesarrolloweb es una plataforma educativa con cursos y tutoriales en texto y vídeo.

Términos y condiciones Política de privacidad Formulario de contacto

Copyright 2022 © Todos los derechos reservados.

Contacto