Stack Overflow
Stack Overflow

Questions tagged [vue-i18n]

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

Internationalization plugin for Vue.js.

Github Documentation

567 questions
3
votes
4 answers

How can you get the currency symbol from vue-i18n

I would like to display the currency symbol depending the locale

Every {{ $n(null, 'currency') }} you invest

I would like to display

Every $ you invest

or

Every £ you invest

ect... and have a way to display the…
Matteo Gilardoni
  • 311
  • 3
  • 15
3
votes
3 answers

vue-i18n : how to use inside vue instance filter

I want to use a filter to perform translations. Problem is that 'this' doesn't point to my vue instance inside my filter function. This is what I currently have. inside my template I have this:

{{ parking.status | translate }}

inside my…
hannes neukermans
  • 12,017
  • 7
  • 37
  • 56
3
votes
1 answer

Vue.js Avoriaz unit test produces translation warnings when vue-i18n is used

Summary I am using vue-i18n for i18n and Avoriaz for unit testing my Vue.js components. I get many warnings because of not translated strings, which I can't fix. How can I get rid of these warnings? Warning example '[vue-i18n] Cannot translate the…
Julian
  • 1,380
  • 12
  • 28
3
votes
1 answer

Combining Vue-i18n Single File Component syntax with root messages

I'm experimenting with the excellent vue-i18n plugin for Vue. It has a neat feature that allows me to embed translations directly into the template that needs them. However if I use them, I'm unable to access the root translation node. Is this model…
Chris Camaratta
  • 2,729
  • 22
  • 35
2
votes
0 answers

'SyntaxError: Need to install with `app.use` function' when using Vuetify v-locale-provider component

I'm using Nuxt 3 with Vuetify 3 to build my application, and I'm trying to use the v-locale-provider component to force RTL direction for a specific part of the component.
…
Yazdan
  • 53
  • 7
2
votes
1 answer

How can I use vue-i18n in Vite to translate html?

I am using Vite with Vue 3 and vue-i18n. The site has html formatted pages which need to be displayed in the appropriate locale. When loading the locale files I get [plugin:unplugin-vue-i18n] Detected HTML in '...' message. where ... is a message…
Ingo Dahn
  • 51
  • 6
2
votes
0 answers

How to get the configured fallback locale as a string from Vue-i18n?

I'm using vue-i18n for my Vue 3 app. The app is configured like so const i18n = createI18n({ legacy: false, locale: "en", fallbackLocale: "en", }); Inside my component I'm using import { useI18n } from "vue-i18n"; const { locale,…
baitendbidz
  • 187
  • 3
  • 19
2
votes
2 answers

How to use vue-i18n with Vuetify 3 inside Singlefile components?

For the sake of reproduction purposes I will try to describe what I've done: Based on the Vuetify installation docs I created a new project via npm create vuetify Based on the Vuetify i18n docs I installed the package vue-i18n and changed the…
baitendbidz
  • 187
  • 3
  • 19
2
votes
0 answers

vue-i18n fallback not working when default language is changed

I am trying to change the language of my website based on users chrome default language. Currently I only have an english.js file however, I set a fallback to the english file. However if I change default language to anything other than english. I…
perrotss
  • 23
  • 6
2
votes
1 answer

Vuejs 3 using i18n translation inside "script setup>

I have a Laravel + Inertiajs + Vue 3 with Vite I user Quasar framework so in one vue file I have a Quasar table. Now I need to translate the column labels.