Polyconseil / vue-gettext

Translate your Vue.js applications with gettext.
MIT License
278 stars 55 forks source link

German symbols are not displaying correctly #102

Closed Donny5300 closed 4 years ago

Donny5300 commented 4 years ago

Hi,

Im using gettext for a project in 3 different languages. NL, EN and DE. For the DE store i need to translate words with the sign ß. The system doesnt display the sign but shows a question mark. How can i fix this?

Line of JSON: "reset_popup_information": "Sie wechseln gerade zwischen Innen- und Außenbeleuchtung. Alle getroffenen Entscheidungen gehen verloren. Möchten Sie die Beleuchtungsart noch ändern? ",

Basic code:

Vue.use(GetTextPlugin, {
    translations: {
        nl: translationsNL,
        en: translationsEN,
        de: translationsDE,
    },
    defaultLanguage: window.SHOP.lang
});

Domain: https://www.cottonballlights.com/de/selber-zusammenstellen-8812387/

Schermafbeelding 2019-11-08 om 17 08 11

kemar commented 4 years ago

Hi, this looks like a CSS font-family issue.

I just tested the Eszett locally and it works:

s

Donny5300 commented 4 years ago

Thank you for your response.

Changing the font-family in the code doesn't change anything. Can you show me your code or take a look at the domain i gave?

kemar commented 4 years ago

Can you show me your code

The code is located in the repo: https://github.com/Polyconseil/vue-gettext/tree/master/dev (doc). You can run it and change translations.

I looked at your domain.

It looks like the JavaScript file located here https://cdn.webshopapp.com/shops/271302/themes/156248/assets/vue-configurator.js is not UTF-8 encoded:

screen

This is your problem.

Donny5300 commented 4 years ago

Do you have a idea how to fix this issue?

kemar commented 4 years ago

Not really, sorry. I don't know how your JS build toolchain is constructed.

Maybe check that the shell in which you're running make makemessages and make translations is UTF-8 ready, e.g.:

$ echo $LANG
fr_FR.UTF-8

I'm closing this issue since it's not related to the plugin itself.