Application interface is translatable
As a partner of a non-English speaking country, I want to have a possibility to translate the application, so that I can get it translated and use it in my regional context.
Acceptance criteria
- There is a simple howto on how to do a translation with weblate
- All interface strings can be translated (but not budget categories or its metadata)
- The documentation to developers includes information on how to make strings translatable
- There is an option to choose language in the application
- English, German, Hungarian and Czech are available languages
Tasks
-
create template strings for translations in the code -
Setup Solidbase project on weblate.allmende.io to output json
files -
Rewrite strings to be vue-i18n
compatible (variables/functions)-
exemplary implementation from a few strings
-
-
Integrate weblate output (json) from 3 languages in the application -
Write user documentation -
Write developer documentation
Resources
- Example UI: https://weblate.transformap.co/projects/transformap-viewer/transformap-viewer-textsnipplets/
- With weblate via JSON: https://github.com/kazupon/vue-i18n/issues/325
- Vue i18n tutorial: https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-vue-app-with-vue-i18n
- https://docs.weblate.org/en/latest/user/translating.html
- http://kazupon.github.io/vue-i18n/guide/started.html