Internacionalización en Nuxt
Módulo i18n, traducciones, detección de locale, localización de rutas, cambio de idioma, SEO multilingüe
1¿Qué aporta el módulo @nuxtjs/i18n a una aplicación Nuxt?
¿Qué aporta el módulo @nuxtjs/i18n a una aplicación Nuxt?
Respuesta
El módulo @nuxtjs/i18n integra vue-i18n en Nuxt y añade funcionalidades específicas del framework como el routing automático por locale, la detección del idioma del navegador, el SEO multilingüe y la generación automática de rutas localizadas. Simplifica considerablemente la configuración de una aplicación multilingüe al gestionar automáticamente aspectos técnicos complejos como las redirecciones, las etiquetas meta alternates y el lazy loading de las traducciones.
2¿Qué configuración permite definir el locale por defecto de una aplicación Nuxt i18n?
¿Qué configuración permite definir el locale por defecto de una aplicación Nuxt i18n?
Respuesta
La propiedad defaultLocale en la configuración i18n define el idioma por defecto utilizado cuando no se detecta ni se solicita ningún locale específico. Este locale sirve como fallback y se utiliza para la raíz del sitio si la estrategia de routing lo permite. Debe corresponder a uno de los códigos definidos en el array locales. Es un parámetro fundamental que garantiza que la aplicación siempre tenga un idioma de referencia funcional.
3¿Cómo acceder a las traducciones en un componente Vue con @nuxtjs/i18n?
¿Cómo acceder a las traducciones en un componente Vue con @nuxtjs/i18n?
Respuesta
El composable useI18n proporcionado por @nuxtjs/i18n expone la función t que permite acceder a las traducciones definidas en los archivos de locale. Esta función acepta una clave de traducción y parámetros opcionales para la interpolación. Es el método recomendado en Nuxt 3 con la Composition API, reemplazando la antigua sintaxis this.$t. El composable también da acceso a otras funcionalidades como locale, locales y setLocale para gestionar dinámicamente los idiomas.
¿Cómo cambiar dinámicamente la locale activa en una aplicación Nuxt i18n?
¿Cuál es la diferencia entre las estrategias de routing prefix_except_default y prefix?
+15 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Gestión de estado en Nuxt
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis