react-translated | dead simple way to add complex translations | Internationalization library

That's pretty badly documented stuff which works magically with ready-made example using dedicated qmake configuration parameter embed_translations. I advice you to take a look into the original example's build dir where .qm files and a special qrc file qmake_qmake_qm_files.qrc get generated.

You don't need to use QTranslator unless you want to support dynamic language switch. At startup, QML runtime automatically loads a translation file qml_.qm (qml_xx_XX.qm where xx is ISO639 and XX is optional ISO 3166 code) from the i18n subdirectory of the root QML file, based on the system language, if it finds one.

You need to get your .qm files to qrc:/qml/i18n/ folder because your main qml file is in qrc:/qml/.

With CMake you can do it as follows:

Add a new qrc file, e.g. cmake_qm_files.qrc to your project

From rails guides: https://guides.rubyonrails.org/i18n.html#error-message-interpolation

For absence the key should be present:

You already instantiated i18n on your app, in main.js. That's the important bit.

The example presented in docs doesn't necessarily have to be done on the instance defined inside createApp. It works in any component, as long as you have instantiated i18n on main.(js|ts)

This will work in any component (wherever you need t):

If you need custom behaviour, it's preferable to use custom functions that suit it instead of shimming third-party library that shouldn't be aware of your case.

vue-i18n functions have variadic arguments, some signatures can be discarded for the ease of the implementation. It's cleaner to use another function name to not interfere with library names, but they could be replaced for a drop-in replacement:

I'd not translate the texts in data() but instead only include the static translation keys there:

What you need is expression preprocessing. You can do it as follows:

Try add this in your settings.py:

You can use v-html directive to output raw HTML. It will work for basic tags but won't work for Vuetify's v-tags (for example, v-icon).

The limit size of a method is 65535 byte, but you can define as many methods as you need to join as a large array. Obviously you could use ArrayList / addAll / toArray in place of System.arraycopy here to build longer arrays: