Questions tagged [vue-i18n]

Use when referencing the vue-i18n plugin for Vue.js

Internationalization plugin for Vue.js.

Github Documentation

567 questions
0
votes
0 answers

Hot to install laravel-vue-i18n-generator package?

I am trying to implement language translation in my app using the following plugin vue-i18n I am following this documentation https://github.com/martinlindhe/laravel-vue-i18n-generator When I run the following code composer require…
The Dead Man
  • 6,258
  • 28
  • 111
  • 193
0
votes
1 answer

How to work vue i18n pluralization?

I have locale messages the below: timing: { viewer: { count: 'нету таймингов | 1 тайминг | 2 тайминга | 3 тайминга | 4 тайминга | {count} таймингов' } } My template the below: {{ $tc('timing.viewer.count', 50, {count: 50})…
0
votes
1 answer

vue-i18n use more than one word to translate

Maybe the title isn't to clear so let me explain a little bit.I am using vue-i18n with Laravel and succesfully generated translation files too.But in my translation file I used more that one word to translate. a snap of my messages messages:{ "Your…
Haque
  • 175
  • 2
  • 12
0
votes
1 answer

Got message from console "Duplicate names route"

I using with nuxt.js and nuxt-i18n to use locales. But I always got this message on console by duplicate that even I using nuxt generate from folder structure. Message: Routing: Sample of config: modules: [ '@nuxtjs/axios', ['nuxt-i18n',…
nakorndev
  • 803
  • 2
  • 11
  • 18
0
votes
1 answer

Links on the page with optional dynamic route is always without the param in vuejs

I have my routes as define below: const router = new Router({ base: '/', mode: 'history', routes: [ { path: '/', redirect: `${DEFAULT_LOCALE}`, }, { path: '/:locale?', component: AppTemplate, children:…
sven
  • 303
  • 1
  • 2
  • 8
0
votes
0 answers

What is causing this undefined value in my Vue app?

I'm using Vuex and the Vue-i18n plugin in my app. I'm getting undefined on my non-reactive array that I want to share between the plugins. If I log the array in both files, the i18n file prints first (undefined) and vuex prints the array as expected…
0
votes
0 answers

Dynamic source for vue-i18n custom block

I'm using vue-i18n and I was wondering if there is a way to dynamically change the source file of to match the locale language. For each vue component I have a folder with my different translations : ├── myComponent | └── lang | …
0
votes
1 answer

VueJs VueX vue-i18n Implementation of translation

Having a main.js -> App.vue -> router/index.js -> Index.vue In Index.vue I am trying to run vue-i18n (7.8.0) where the data would be provided by VueX store as: // ... import VueI18n from 'vue-i18n' Vue.use(VueI18n) export default { name:…
Francis
  • 475
  • 1
  • 6
  • 17
0
votes
1 answer

Vue.js vuetify i18n : How to translate dynamically the Toolbar items?

I don't have any problem in localizing the components and views strings but I am lock into finding a way to localize dynamically the Toolbar items ( and of course the same items in the navigation drawer.. Currently they are displayed in App.vue as…
user762579
0
votes
1 answer

vue.js:597 [Vue warn]: Property or method "$t" is not defined

I am trying to implement vue-i18n Vue-i18n Github and I 'have got an error : vue.js:597 [Vue warn]: Property or method "$t" is not defined My vuejs 2 app is working fine until I add the getting starded code, where am I wrong? Thanks in…
Emile Cantero
  • 1,943
  • 3
  • 22
  • 47
0
votes
1 answer

how do I access `this.` in exported in vuejs

I have some files that return simple data, like mutation.js for vuex but generally they are just like this: export default { ... someFunction() {} ... } Right now, I would like to access this. so I can use the vue-i18n translation like…
hidar
  • 5,449
  • 15
  • 46
  • 70
0
votes
0 answers

How do you pull translated key/value text in vuejs

I have a json file filled with tranlations I am trying to use those translation. First this is how I am trying to call the translation. import messages from './i18n/messages.json export default { ... methods:{ data: { messages }, …
hidar
  • 5,449
  • 15
  • 46
  • 70
0
votes
1 answer

Vue I18n Doesn't Rerender when Message Change

Hi take a look this code, if I set the message asynchronously whenever new data resolved, it doesn't re render the translation.
Jefry Dewangga
  • 819
  • 10
  • 24
0
votes
1 answer

How to import/use translation files based on locale

So, I have a list of countries in three different languages as: countries-fr.js countries-en.js countries-de.js I would like to require these files inside my component only based on the language selected. Currently I am doing:…
hidar
  • 5,449
  • 15
  • 46
  • 70
0
votes
1 answer

How do you handle lists e.g. countries

My users need to select a country as part of the signup, so I have added a list of countries to my translation file. e.g. countries: { AF: 'Afghanistan', AL: 'Albania', AM: 'Armenia', AN: 'Netherlands Antilles', AW: 'Aruba', MF: 'Saint…
Zagreus
  • 207
  • 2
  • 8
1 2 3
37
38