Translating strings from within the theme and js files

[LukasHirt]

Description

We have already few strings inside of theme and we are not translating them at all. We need to find a way how to translate them. Not sure if gettext is capable of extracting it. Needs some digging.

[LukasHirt]

Seems that we can now at least translate js files directly - Polyconseil/vue-gettext#113

[kulmann]

Trying to use this new feature, I get this error on yarn build:

6: import { translate } from 'vue-gettext'
            ^
7: const { gettext: $gettext } = translate
Error: 'translate' is not exported by node_modules/vue-gettext/dist/vue-gettext.js, imported by ui/store/index.js

(note: not inside phoenix, but in the ocis-accounts ui)

[pascalwengerter]

What's tbd to fix this issue?

[LukasHirt]

We're already capable of importing gettext into js files

web/packages/web-app-files/src/store/actions.js

Line 7 in 237598b

import { $gettext, $gettextInterpolate } from '../gettext'

What we need now is to actually make the locale reactive for plain js files - atm it won't respect changes in selected language until a refresh

[dschmidt]

Is this issue still relevant?

We have translations in js, ts and vue files (also with lang=ts).

I guess if some translation is not reactive is because it is not wrapped in a computed, otherwise it should be afaik.

What are the acceptance criteria of this ticket?
I'd argue any occurence is an individual bug and should be tracked/fixed as such. I don't see any value in this ticket (anymore)

[AlexAndBear]

as @dschmidt mentioned, translations should work, if on some occurences is not, please open dedicated issues