TransWikia.com

¿Como puedo acceder al state de NUXT?

Stack Overflow en español Asked by Jesus Ponce on December 4, 2021

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 Answers

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.

Answered by Irving Caamal on December 4, 2021

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

Answered by jlopezlira on December 4, 2021

<!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

Answered by tonnytash2 on December 4, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP