vue-i18n | Internationalization plugin of Vue.js | Plugin library

I am trying to setup a vue3 app with i18n localization. The localization is supposed to be located in json files. I added i18n via vue add i18n to my project. The questions asked during installation were all answered with the default value except the one with the legacy support (my answer: no). When i try to use a text from a json file, it will tell me in the console [intlify] Not found 'message' key in 'en' locale messages. The local translations work just fine. And i have no clue why it is not working with the translations provided in the JSON file.

Here is my code:

packages.json

So I have build an form in laravel with Vue with some validation rules and this works, when there's an error it will show me an message but I also have an locales switcher present which also works for the text in the form but not for the validation output, so there are always in English. I am using the i18n plugin to translate the text.

Is there a way to make the validation rules i18n ready?

registerController.php

I have migrated from Quasar v1 to Quasar v2, and in doing so have moved to Vue 3. I have the code below that worked in Quasar v1 (Vue v2), but now when running in Quasar v2 (Vue v3) I get the following error message in the console when selecting a filter:

Building a language switcher, all works fine but when I use the $t() inside the data object it will not be dynamic when I switch between a language.

Component.vue

Building an laravel spa with Vue and wanted to add some i18n to use it in different languages but when trying to use locale json files the translation does not work, when adding it inside the file it will work. I do get an warning back saying [intlify] Not found 'dashboard' key in 'en' locale messages.

package.json

I am using Using

• "vee-validate": "3.0.0",
• "vue": "2.6.10",
• "vue-i18n": "8.14.0"

I am trying to change the language from vee-validate messages for a custom rule. The validation localization doesn't change. What am I doing wrong ?

here is my code sandbox :

https://codesandbox.io/s/veevalidate-30-vuei18n-integration-forked-o3frf?file=/src/components/Example.vue

As we can see, I can change the i18n.locale but it doesn't update the messages from vee-validate V3.0.0

Thanks for the help!

I have a Vue 2.6 project and I want to use the es2020 characteristics like optional chaining in my project but I can't get it to work in my project. I'm getting the following error.

Does destructuring assignment (in my case with Vue composables) has any performance gain/tradeoff?

For example I have component that displays current language choosed in vue-i18n.

I can do this with destructuring:

I have a legend inside the map, is working fine when the map is not full screen, but when the map is full screen the legend is not showing.

To Reproduce

Steps to reproduce the behavior:

1. Open the map and see the legend is present and working fine
2. Click full screen icon
3. The legend is not present
4. Click full screen icon again to remove the full screen, now the legend is present and working fine

Expected behavior

The legend should work fine when full screen.

Screenshots

Normal screen, working fine:

Full screen, not showing the legend:

Additional context

Code example available on codesandbox https://codesandbox.io/s/ecstatic-wave-c3qmg. You should open the link https://c3qmg.csb.app/ on another page to be able to see the fullscreen icon.

Code extract: