0

Estoy haciendo una sitio web con nuxt y estoy usando i18n para manejar 2 idiomas, en el localstorage guardo la variable que sera el idioma pero no se como agregarlo al state en el store. Espero me puedan hechar una mano, Gracias!!! introducir la descripción de la imagen aquí

3 respuestas 3

1

En i18n puedes acceder a ciertos parámetros invocándolos directamente (si no estoy equivocado usa su propio state por default y se basa en 3 tipos state por vuex, local storage y session storage), agregarlo dentro de tu state principal lo veo redundante, por ejemplo si quieres saber que locale esta actualmente (es o en) puedes usar:

<template>
  {{$i18n.locale}}
</template>

O dentro de script con this.$i18n.locale

Saludos

1

por lo que entiendo estas usando la libreria de vue-i18n, si es asi y estas usando nuxt te recomendaria mejor cambiarla por nuxt-i18n ya que esta es parte del ecosistema de nuxt y ya cuenta con toda la configuracion de todo el entorno de vuei18n dentro de nuxt(states, router, cache, etc.) Integrarlo es mas sencillo que integrar vue-i18n y maneja un sin fin de opciones que se adaptan a los diferentes proyectos que tengas.

Te dejo un pequeño ejemplo para que veas como funciona nuxt-i18n

export default ({ app }) => {
 const localePath = app.localePath('index')
 const switchLocalePath = app.switchLocalePath('fr')
}

como ves nuestro objeto app ya tiene acceso al path y puede cambiar el idioma dentro del path puedes guardar el idioma en el state o poner reglas donde se defina el idioma respecto al idioma del navegador y muchas otras cosas que te pueden servir.

Espero te ayude.

0
<!DoCTYPE html> 
<html lang="es" dir"ltr" class="inited"> 

es el cominezo de una web pero aun agregando cuerpo styles y muchisimo codigo mas pero al igual de forma hay que investigar

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.