Use when referencing the vue-i18n plugin for Vue.js
Internationalization plugin for Vue.js.
Questions tagged [vue-i18n]
567 questions
3
votes
2 answers
How to use Vue I18n translation in component attribute/property
How do I translate the passed-in attribute/property of a component? For instance, I have a card component with a title and description prop defined like this.
{{title}}
…
drtob
- 333
- 3
- 10
3
votes
2 answers
vue-i18n lazy loading is loading all locales
I'm trying to implement lazy loading for vue-i18n, I'm following instructions from https://kazupon.github.io/vue-i18n/guide/lazy-loading.html.
But the import is not behaving the way I expect it. I would expect it to load the files only when called,…
scharette
- 605
- 1
- 9
- 25
3
votes
0 answers
Nuxt i18n doesn't translate properly while switch lang
I have a site on nuxtjs, there I use nuxt-i18n with two languages setup, english as a default lang.
If I set second language and refresh a page (f5), an issue occur when I try to switch language back to default. But it looks fine with second…
NashGC
- 659
- 8
- 17
3
votes
0 answers
Vue-i18n localStorage.lang not working after building project
I get a translated json-file with
const skillsJson = require("./locales/" + localStorage.lang + "/skills.json");
and it works perfectly fine when I run it with npm run serve.
But after building the project using npm run build I get this error in…
Marc Baumann
- 31
- 1
3
votes
1 answer
Dynamic loading of translations during runtime in VueJS and VueI18n
We're using the VueI18n plugin for internationalizing our Vue application which is working fine so far. Text contents are managed and translated by our editorial staff using Zanata.
However there is a major drawback in our current approach. We're…
Robert Strauch
- 12,055
- 24
- 120
- 192
3
votes
1 answer
Vue i18n - How do I get the current locale inside the i18n component options?
I'm trying to expand the already loaded localizations for a specific component and I would like to do something like this:
export default {
name: 'General',
components: {
Header,
Content,
NextPageButton
},
i18n: {
messages:…
DanteC
- 178
- 1
- 9
3
votes
1 answer
How to include a link inside nuxt-i18n text
Im trying to use nuxt-I18n module for localization.
I have installed "nuxt-i18n": "^6.4.1"
Also in my nuxt.config.js i have the fallowing
modules: [
[
'nuxt-i18n',
{
defaultLocale: 'en',
…
mart cube
- 633
- 1
- 15
- 30
3
votes
0 answers
Vue i18n : Convert message based on server returned key
I have a template which receive a message key when an event triggered.
I passed the "message.i.wanted" to the template, but the i18n is not translating based on the key I passed.
How should I updated my code so i18n can translate based on the key i…
brian661
- 538
- 3
- 11
- 31
3
votes
2 answers
change facebook sdk lang code dynamically in vue (nuxt)
i am currently working on a simple like implementation in nuxt. when i change the language with 1i8n, i want to change the facebook sdk language accordingly, so the button renders in the given language code when i change the overall app language. my…
user6221709
3
votes
1 answer
Best way to work with Vue I18n and big content text html
I have to put a lot of text in my views. These texts are tagged in HTML.
Currently, with Vue l18n, I have an en.json file that looks like that
{
"ok": "Ok",
"cancel": "Cancel",
"error_alert_title": "Oops...",
…
}
To translate a word or a…
Jeremy
- 164
- 1
- 1
- 9
3
votes
0 answers
Vue i18n including external JSON's with translations
I'm using Vue-i18n package. In every component i include a JSON file with translations, like this:
// this is a Vue template: home.vue
Alexander Kim
- 17,304
- 23
- 100
- 157
3
votes
1 answer
Why it is hard to use vue-i18n in vue data() (why it is not reactive)
I am using vue-i18n in a vue project. And I found it really confusing when using some data in vue data with i18n. Then if I change locale, that data is not reactive. I tried to return that data from another computed data but anyways it is not…
Bakhtiyor Sulaymonov
- 362
- 3
- 12
3
votes
2 answers
Add yaml-loader in i18n tags in a Vue-CLI 3 project
Using Vue-i18n and following this tutorial, I managed to add tags in json in my project gererated by vue-cli.
In this page, there is an example to write yaml instead of json. But there is no example with the Vue-Cli 3 Webpack managment.
So I tried…
bguyl
- 383
- 3
- 10
3
votes
1 answer
Redirecting to the same page but switched language url, using Nuxt.js and Vue-i18n
I am trying to redirect the user through a method when he clicks on specific buttons to change the language of the application.
These buttons are part of the standard layout of which all the pages of the project are part of so the url can differ…
Alexandros Markovits
- 163
- 4
- 19
3
votes
2 answers
vue-i18n how to abbreviate currency display?
Is there a way to achieve what d3 can do with precisionPrefix in the vue-i18n ecosystem?
There is an open issue here.
And I found an old issue for Intl object here.
Thanks for your help.
Existe Deja
- 1,227
- 3
- 14
- 36