VueJS i18n Probleme

  • Hallöchen,

    habe aktuell ein eher nerviges Problem, zu den ich zwar einen Workaround gefunden habe, mir das aber nicht gefällt.

    Aktuell verwende ich "vue-i18n", das ist ja das geläufige Paket dafür, aktuell sieht das in der App so aus mit dem Start:

    Lege ich nun die json Datei wie folgt an:

    Kann ich die Strings aus dem User Array nicht verwenden:

    Wenn ich das Array Abflache, also den Key wirklich user.profile.overview nenne, funktioniert es.

    Jemand Idee was da falsch ist?

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

    • Hilfreichste Antwort

    Hach, ich löse das hier übrigens mal auf... hab es ja mittlerweile gelöst:

    Grundlegend der erste Fehler war das ich die JSON Dateien nicht importierte hatte, Lösung:

    JavaScript
    import de from "../../lang/de.json";
    import en from "../../lang/en.json";

    Als zweites hab ich direkt Vue-i18n verwendet, statt... diesem seltsamen Vorgehen da oben:

    JavaScript
    const i18n = createI18n({
    	legacy: false,
    	locale: props.initialPage.props.locale,
        fallbackLocale: "de",
        messages: {
        	de,
            en,
    	},
    });

    So werden diese auch beim kompilieren geladen und können später verwendet werden ;)

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Syntafin 29. Mai 2024 um 23:24

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!