$t function returns ascii codes for special characters about vuex-i18n HOT 2 CLOSED

You have understood my goal correctly.

I will read into the issue you provided. It does seem interesting.
In the meantime I have found a workaround. Instead of using the mustache syntax {{}} which interprets the data as plain text I use the v-html directive.
<div v-html='$t("label_result")'></div>

Now I get the correct result

Thanks for your response and the useful link

from vuex-i18n.

Hi @corcus

This sounds like an interesting problem. I do need some clarification to help you with this. So if I understand you correctly, you basically want to specify translations with special non ascii characters and the result should be the text string but not encoded in ascii.

Vue.i18n.add('es', {
    'label_result': 'résultat'
});

{{ $t('label_result') }} 
// should result in: résultat

Doing this in the test file, that we have in this repository does return the string correctly without special character encoding. Therefore I would deduct that the reason for your problem is (a) the razor template engine is encoding the string in ascii or (b) the file format is not in utf-8 and the server or an intermediate parser does some magic to encode the string in ascii.

A quick search for a problem with automatic encoding of non ascii characters in razor points towards this issue aspnet/HttpAbstractions#315 from which I would take the automatic encoding could be due to the XSS-protection enabled in the razor engine. Probably worth to take a closer look at this.

Please let me know if this is of any help – P.S. this is why we use golang for server side stuff. Less magic can sometimes be helpful ;-)

from vuex-i18n.