i18n.js | Mimics Rails | Translation library

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 setting up the react-i18n-next hook to translate my app and i followed the example that the react-i18n-next use but it throws error like below:

I'm using next-translate. By default, my routes are recognized as follows:

I'm currently trying to internationalize my vue 3 vite project with "@intlify/vite-plugin-vue-i18n". The problem I am facing here, is that i currently have to import and setup the t variable for every component to use it.
example component:

I have a ReactJS 17 app, in which I would like to substitute environment variables from my global environment into my src/index.html file. However, we're not using .env files, as this answer suggests -- Create React App: using environment variables in index.html . Here is the src/index.html file ...

I'm struggling to understand the correct way or BEST WAY to deploy nextjs app. I have a hybrid Nextjs website which I currently host on Azure App Service. So far I run

• npm build
• npm start The app compile with no error and I host on Azure all the content of my application which contains
• .next/
• components/
• pages/
• ...all configs
• ..all js files

Looking from Nextjs documentation (which is kind of slim on this topic), seems that this is the right way to do it. From my understanding tho, just the .next/ folder should be needed for production, since is the one that has bundled code. The pages/, components/ and so on, should be used just on development mode.

I also found some other examples online that go in this direction. If i try to remove /pages or /components tho, I got error and the app cannot run any more.

Can someone confirm me what is the minimum file structures needed for Nextjs application on production?

UPDATE:

The error I get is first: ENOENT: no such file or directory, i18n

When I add this file, then I get the error:

ENOENT: no such file or directory, pages/

i18n.js is a configuration file for the packages next-tralsation https://github.com/vinissimus/next-translate

I'm talking with the author there as well, it might be a problem on their end, but right now I just want to know if na hybrid Nextjs.js app in production should include pages/ folder. I want to know if .next/ folder is enough for production deployment and if not, i would like to understand why.

I am trying to internationalize my Svelte app.

I am using Svelte with Snowpack. And svelte-i18n. I follow their tutorial on GitHub.

In the tutorial, they say :

"Note: Make sure to call your i18n.js file on your app's entry-point. If you're using Sapper, remember to also call init() on your server-side code (server.js)."

I don't know how to do it? Can anyone please help me?

Any help is very much appreciated.

i am currently trying to implement localization depending on the system language of the device but something is not working as required.

I followed the exact same code on expo documentation, for eg. for the button i have i keep getting [MISSING "EN-GB.LOGIN" TRANSLATION] instead of LOGIN.

Here is my code:

welcomeScreen.js