Internacionalización con vue-i18n

No se, pero este profe hace ver lo difícil de manera sencillita.

Recomiendo usar el comando:

vue add i18n

Hace lo mismo que esta clase, pero además te agrega un código extra para que puedas separar los idiomas en archivos y leerlos dinámicamente

Si quieren implementar con i18n con nuxt aqui esta la documentacion https://i18n.nuxtjs.org/es/basic-usage

Para usar i18n con vue3 se debe instalar asi

npm i vue-i18n@next

y para configurarlo se crea el mismo archivo i18n.js pero cambia la forma de importarlo

import { createI18n } from "vue-i18n"

y se usa exporta asi

const i18n = createI18n({
	messages,
	locale: "en",
})

export default i18n

Una duda ¿Cuando es mas recomendable usar i18n que recibir el html traducido por backend?

Yo supongo que cuando es un proyecto pequeño es mas facil usar i18n pero no se si estoy en lo correcto, tampoco tengo muchos conocimientos de backend aun asi que no se que tan facil es por ese lado el traducir una web.

Gracias

Muy buena y simple, te una pregunta ¿Como haría para saber que lenguaje esta seleccionado?

https://kazupon.github.io/vue-i18n/installation.html

https://kazupon.github.io/vue-i18n/installation.html

Alguien tiene los iconos de las banderas?

Genial esta herramienta

Genial librearía, gracias 😃

estuvo Genial el curso!

super facil seguir las normas i18n, y poder manejar multiples idiomas en la aplicacion.

export default {
data(){
return{
variable : this.$i18n.en(“boss”) // ?¿
}
}

// como obtener el valor guardado en i18n dentro de function data;
e intentado de esta forma:

export default {
data(){
return{
variable : (this.$i18n.locale === ‘en’) ? ‘Administrator’ :
(this.$i18n.locale === ‘es’) ? ‘Administrador’ : ‘default’
}
}

// cual seria la forma correcta ?¿

Excelente lección destacada la forma de explicar del profesor

El framework y la forma de explicar de @ianaya89, son geniales! . . a seguir aprendiendo 💪🤩

Siempre me pregunte como se hacia las páginas multi idioma y enserio es muy fácil. Muchas gracias por el bonus.

Que excelente curso: Internationalization