Internacionalização em vue

vuejs-br / forum

Fórum sobre a tecnologia Vue.js, totalmente em português!

MIT License

223 stars 3 forks source link

Internacionalização em vue #36

Open mateusortiz opened 5 years ago

mateusortiz commented 5 years ago

Opa Galera,

Me apresentando rapidamente sou frontend dev de inovação de uma startup em Curitiba, e estamos pensando em internacionalização(i18n), nosso produto é um erp na núvem, e precisamos deixar fácil esse controle da internacionalização no nosso painel administrativo do sistema, para qualquer pessoa conseguir alterar esse localização de idioma.

Para quem já trabalhou com i18n, ou apenas tem alguma idéia de como fazer isso de uma forma menos dolorida, e que queira compartilhar. 💯

VitorLuizC commented 5 years ago

Eu estou trabalhando com i18n. Aqui o time adotou a estratégia de acoplar traduções as pages, daí cada page tem uma pastinha de traduções com as traduções para cada idioma e no webpack a gente monta essas traduções no locales/ da forma como o i18n trabalha.

pages/
|
+-- translations/
   |
   +-- Home.pt-BR.json
   +-- Home.en-US.json
+-- Home.vue

IgorHalfeld commented 5 years ago

Acho que a lib pra Vue de i18n mais usada desse ser a vue-i18n. Aí se eu não me engano, essa lib dá flexibilidade pra organizar dessa forma que o @VitorLuizC disse.

leomp12 commented 5 years ago

Em casos um pouco mais extremos acho uma boa criar um pacote isolado só com traduções e separar cada linguagem de forma que você possa importar apenas uma específica. Além de ficar mais reutilizável você não gera bundle desnecessário, embora isto provavelmente não seja um problema enquanto tiver pouca coisa pra traduzir.

Depois de apanhar um pouco disto cheguei nesta abordagem, talvez seja útil, eu não uso vue-i18n, mas acredito que dê pra usar implementando desta forma também...