Support format for i18n

[Sneezry]

We need support format for i18n to resolve some limit.

Example:

English: Locked after 5 minutes

Chinese: 于5分钟后锁定

If we only provide Locked after and minutes for translation, 之后锁定 for Locked after, 分钟 for minutes, it will become 之后锁定5分钟, which means Locked for 5 minutes later in Chinese.

Instead, Locked for {0} minutes or something else should be used.

---

i18n placeholder example: https://developer.chrome.com/extensions/i18n#examples-getMessage

[mymindstorm]

I don't think that we can just use {0} since it needs to be substituted with an input box. See:

Authenticator/src/components/Popup/PrefrencesPage.vue

Lines 27 to 39 in 9465158

	<div style="display: flex;" v-show="encryption.getEncryptionStatus()">
	<label style="margin-left: 20px;">{{ i18n.autolock }}</label>
	<input
	class="input"
	type="number"
	min="0"
	style="width: 70px;"
	v-model="autolock"
	/>
	<span style="margin-top: 10px;">{{ i18n.minutes }}</span>
	</div>
	<div class="button" v-on:click="popOut()">{{ i18n.popout }}</div>
	</div>

What about changing the i18n string names and css like this autolock => before_autolock_input and minutes => after_autolock_input?

Also Locked after is actually present tense (Lock after), though I doubt that changes the structure of the sentence that much.

[Sneezry]

See i18n placeholder example: https://developer.chrome.com/extensions/i18n#examples-getMessage

[mymindstorm]

That method only allows you the replace text, I didn't use that because I put an input element between the strings.

Language	autolock / before_autolock_input	minutes / after_autolock_input	Image
English	Lock after	minutes
Chinese	于	分钟后锁定

If the way the input is arranged causes grammatical errors in Chinese, could you suggest a better way to arrange the input element? The way it is now is a bit odd, but I couldn't think of a good way to get the function of the setting across without the weird placement.

[Sneezry]

Got it.