[I18N] Gettext escaping issue

[meskobalazs]

I had an issue while translating the following string:

suspicious_login/src/components/ModelPerformance.vue

Line 31 in e5d32d0

{{ t('suspicious_login', 'During evaluation, the latest model (trained {time}) has shown to capture {recall}% of all suspicious logins (recall), whereas {precision}% of the logins classified as suspicious are indeed suspicious (precision). Below you see a visualization of historic model performance.', {

The string in question is using a percent sign without escaping, which causes in a problem down the line. Specifically I cannot put suffixes after the % character, because it causes a validation error.

Just for further context, this part:

{recall}% of all suspicious logins

would be this in Hungarian:

összes gyanús bejelentkezés {recall}%-át

but I can't save this on Transifex (currently I am spelling out the percent as text).

I am not sure how it should be escaped, because I haven't used gettext in JavaScript yet, so I cannot give a solution.