Questions tagged [vue-i18n]
Use when referencing the vue-i18n plugin for Vue.js
vue-i18n
625
questions
0
votes
0
answers
30
views
Can't add a dot after a i18n variable
I am trying to use i18n with Vue3 and the variable feature in it. I have a translation like this:
"documents-button": "Please see @:navigation.documents"
And then under ...
- 1,803
0
votes
0
answers
28
views
Is it possible to tree shake unused messages in vue-i18n?
My app uses define vite option to configure a feature set for the build. So, depending on the configuration, not all code base is finally in the bundle (bundles). I'm wondering is there a mechanism to ...
- 21
-1
votes
0
answers
16
views
How can the value in {} have a different style (text color) than the rest of the string (i18n-vue)
Ex (i18nLabel): {title} s simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a ...
- 1
0
votes
1
answer
28
views
how to dynamically change locale with vue-i18n
The documentation here https://vue-i18n.intlify.dev/guide/essentials/started.html tells that the locale can be specified like this:
const i18n = createI18n({
locale: 'ja',
fallbackLocale: 'en',
...
- 4,058
0
votes
0
answers
13
views
Is there way to try a series of translation keys in Vue I18n?
How can I simplify this code?
<script setup>
import { useI18n } from 'vue-i18n'
const { t, te } = useI18n()
const message = te('key1') ? t('key1') : ( te('key2') ? t('key2') : t('key3') )
</...
- 1,015
0
votes
1
answer
35
views
Vue I18n with variables
In vue2 I used to be able to have variables in my json translation file like this:
"info": "Email: <a href=\"mailto:@:contact-details.email\">@:contact-details.email</...
- 1,803
2
votes
1
answer
37
views
Translation message can not contain stringified json
I am new to nuxt.
I installed i18n to handle translations
i checked https://i18n.nuxtjs.org/docs/getting-started
my defineI18nConfig:
nuxt-app/i18n.config.ts
export default defineI18nConfig(() => ({...
1
vote
1
answer
50
views
Why swipe not working properly with nuxt3 i18n?
In my multilingual site i'm using swipe for carousal. It's working fine, but getting error during switch language. I am using i18n for translation. I am getting following error:
Uncaught (in promise) ...
- 3,851
0
votes
1
answer
23
views
Vue3 + i18n-vue Override language detection?
I'm using vue3 with i18n-vue with language prefix. i18n-vue provides language detection (probably using browser language). How do I add custom detection?
eg) when a user hits /, i18n performs language ...
- 189
0
votes
1
answer
27
views
How to test Quasar boot files?
My boot file connects router with Vue i18n.
src/boot/i18n.js:
import { boot } from 'quasar/wrappers'
import { createI18n } from 'vue-i18n'
import { i18nBootConfig, qDefaultLangPack } from 'src/i18n/...
- 1,015
0
votes
1
answer
71
views
Intellij IDEA: how to use incompatible plugin / I18n Ally for Vue I18n
I've used the plugin I18n Ally which seems to be the only well working plugin for a Vue i18n integration in IntellijIDEA.
However, the latest versions of IntelliJ don't let me install i18n Ally, ...
- 927
0
votes
1
answer
53
views
Why does vite-plugin-vue-i18n give Internal server error: Cannot read properties of undefined (reading 'message')?
I am updating i18n translations for our project. After running 17 translations for French I started getting an error from the i18n plugin, with none of the stack trace leading back to my code line, ...
- 647
0
votes
1
answer
40
views
How can I use special characters when using vue-i18n linked messages?
I'm using vue-i18n linked messages and I bumped into following error:
{
person: {
firstName: 'First name'
},
input: {
placeholder: 'Insert @:person.firstName', // works. Prints "...
- 239
0
votes
0
answers
21
views
page doesn't change when I use router.back() in i18n-nuxt
when I navigate to "/profile" from "/" and then click to change language, route changes to "it/profile"
and then when I click on back button:
<Button @click="...
0
votes
0
answers
17
views
How to access setLocal() when using vue-i18n-routing
I have a vue app using vue-i18n-routing (https://github.com/intlify/routing) which is based on @nuxtjs/i18n (https://i18n.nuxtjs.org). I have it running and it handles the routing and language ...
- 13