i18next

Innehåll

Provider till TranslationService som använder i18next för översättningar.

Användning

import { TranslationService } from "@fkui/logic";
import { i18nextProvider } from "@fkui/i18next-translate";

/* create a new 18next translation provider */
const provider = await i18nextProvider({
    defaultLanguage: "sv",
    async loadLanguage(lang) {
        const response = await fetch(`/texts/${lang}.json`);
        return await response.json();
    },
});

/* use provider for TranslationService translations */
TranslationService.changeProvider(provider);

Om du använder Vue kom ihåg att aktivera Translation Plugin:

import { createApp } from "vue";
import { TranslationPlugin } from "@fkui/vue";
import App from "./App.vue";

const app = createApp(App);

/* enable translation plugin */
app.use(TranslationPlugin);

Esc för att stänga Pil upp/ner för att navigera Enter för att välja