Use when referencing the vue-i18n plugin for Vue.js
Internationalization plugin for Vue.js.
Questions tagged [vue-i18n]
567 questions
4
votes
2 answers
Vue 3 i18n issue: The message format compilation is not supported in this build
vue & vue-i18n version
ex:
vue: 3.0.0.0
vue-i18n: 9.0.0-beta.15
Description
I am probably doing something very wrong, however I would really appreciate some direction. I followed documentation from vue-i18n@next. Translation does not work and I…
user1263663
- 75
- 1
- 6
4
votes
2 answers
Escaping a pipe in a vue-i18n translation
We need to have a translation in vue-i18n where the translated string have to contain a pipe character ( | ).
But in vue-i18n translation files, the pipe is used as delimiter for pluralization. We tried several ways to escape it (single or double…
stefsouron
- 45
- 2
- 3
4
votes
2 answers
Using vue-i18n to translate the default value for a Vue component prop
I'm using vue-i18n to handle localization in my app. I need to apply localization to the default value for a component prop:
export default {
name: 'ExampleComponent',
props: [{
prompt: {
required: false,
type: String,
…
Ian Dickinson
- 12,875
- 11
- 40
- 67
4
votes
2 answers
Pluralization in vue i18n
Hi i am trying to pluralize based on https://kazupon.github.io/vue-i18n/guide/pluralization.html
imageCount== 1
? $t("message.imageMessage", 1, { imageCount})
: $t("message.imageMessage", imageCount, {
imageCount
…
user11982170
4
votes
1 answer
nuxt-i18n Strategy:no_prefix
I'm trying to use nuxt-i18n to get internationalization for my application, the following are the nuxt-i18n configs and it works fine, but when I want to use strategy: 'no_prefix' it gives errors ... not sure what to do, please suggest.
i18n: {
…
Surya Chandra Rao Gandreddi
- 546
- 7
- 16
4
votes
1 answer
Error in v-on handler: "ReferenceError: i18n is not defined"
I am trying to do a multi-language site with Vue.js, but I don't know how to call the const i18n or how to refer to it. I already tried the eventBus option, but I think this is not the right choice. I'm using vue-router.
Navbar.vue
Zimzo
- 65
- 3
- 6
4
votes
1 answer
vue-i18n + storybook - Why are my translations not working?
i'm using vue, vuei18n and storybook but i'm having problems with translations showing.
storybook loads up fine with my custom webpack config. translations are stored in each component's i18n tags via a .json file.
i'm using the following webpack…
angrylobster
- 41
- 3
4
votes
1 answer
How to add an i18n locale prefix in Vue router for all the locales except for the default one?
I'm trying to create a route to add a locale prefix for all the routes, I got it working using this code:
routes: [{
path: '/:lang',
component: {
template: '
Pierre
- 12,468
- 6
- 44
- 63
4
votes
1 answer
how to switch between two css style files (rtl , ltr) vue.js
I've got a project in Vue.js with two styles in arabic and english ..
the vuebootstrap style is imported as follow in main.js
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
and bootstrap-rtl in head tag…
Mariam Attallah
- 61
- 5
4
votes
2 answers
Rendered HTML in bootstrap-vue table header
I'm making a site that uses NuxtJS, Bootstrap Vue and vue-i18n.
I have a table () that shows areas in square meters, and the header should display: sq m in english, and m2 (m2) in a translation.
So the header field label is drawn…
muka.gergely
- 8,063
- 2
- 17
- 34
4
votes
2 answers
Vue-i18n Single File Component Not Working
I am trying to implement v-i18n to my project with sfc method. I couldn't make it work. I will not make you confuse with my project, that's why just modified with adding 10-15 lines of code to official v-i18n sfc example.
This is very simply shows…
berkan
- 722
- 1
- 7
- 23
4
votes
1 answer
Vue-router translating url
I'm using vue-router in my vue.js project and I'm also using vue-i18n for internationalization in fr and en. Everything work fine, but i need to translate the URL and I don't find anything. Did someone have already done something like…
nayan perron
- 85
- 1
- 7
4
votes
2 answers
Vue.js - Need to switch direction (rtl to ltr and vice versa) without reload
I'm using Vue.js with vue-i18n to switch languages on my project without the need to refresh. However, when i want to switch between Arabic and anything else i need to change the website's design from (right to left) to (left to right) or vice…
Omar Samman
- 573
- 5
- 12
4
votes
2 answers
How to load vue-i18n-loader on @symfony/webpack-encore
I'm using Vue on an symfony 4 application with webpack and with vue-18n working fine.
But I want to put the translations on each single file component
My problem is to load de is to load the vue-i18n-loader
I tried to load with may ways ....
Has…
cmnardi
- 1,051
- 1
- 13
- 27
3
votes
2 answers
How to dynamic dir and locale in HtmlAttr in Nuxt3?
I'm using @nuxtjs/i18n plugin with nuxt 3 and after I install it I wrote my i18n(config) in the nuxt.config.ts
my code:
i18n: {
locales: [
{
code: 'fa',
iso: 'fa-IR',
name: 'Farsi',
file:…
amirreza jolani
- 63
- 4