vue-i18n VS vue-i18n-next

vue-i18n

Your working in a team on a software project. The user interface needs to support multiple different languages, so your team either picks an open source tool for this (next-translate, typesafe-i18n, vue-i18n, etc), or depending on your development framework, internationalization features might be baked right in (IOS, Android, AngularJs, etc).

You want internationalization or i18n support. I use this: https://kazupon.github.io/vue-i18n/ which is the official plugin.

Kazupon is a well-known developer at Vue.js. He is also the creator of Intlify, known for its contribution to the software internationalization space, which has created an internationalization plugin for Vue.js known as Vue I18n.

I use vue-i18n and it works well for my web app. It took a little bit of fiddling to get it to work with the Composition API, to build a language switcher component, and to set up lazy loading of language files. I followed their examples for Locale changing and Lazy loading translations, and I'm happy with the result.

This source code was implemented based on Vue I18n official Guide and Issues on its Github repository.

The basic usage of this plugin is really straightforward. If you would like to see more, checkout official documentation https://vue-i18n.intlify.dev/.

If you faced this warning message:

vue3 vue-i18n-next i18n-ally

What about https://vue-i18n.intlify.dev/

For this you will have to use vue-i18n i recommend first of all you start by reading the App Internationalization (i18n) tutorial then you can learn a little bit about vue-i18n and how to implement it with a quasar framework basically it's so simple you will have to include it in the /Boot folder to be prepared before the app start and i believe there is an example on that on the documentation page in this link from the boot files , and for the routes to be changed according to the selected language the vue-i18n will give you :/locale route parameter that can be used to change the router link also an article can be found about vue-i18n in this link scroll down you will find a section about Localized Routes this should help you achieve that.

I'm trying to build an app with multiple steps of a form and routing such as: domain/:locale/:step with vite and i18n. Vue-i18n-next has an example for lazy-loading other locales available here. I'm also pasting the contents of the main files below.

I use https://github.com/intlify/vue-i18n-next - Internationalization plugin for Vue.js

Thank you.I solved it by using vue-i18n-next from https://vue-i18n.intlify.dev/with the following app.js configuration

Also I just googled the error and found something that looks like it could be useful for you. https://github.com/intlify/vue-i18n-next/issues/350