Web Common: simplified configuration of i18n

This commit is contained in:
Alexey Safronov 2020-08-14 22:32:21 +03:00
parent c398eb8229
commit 105ac1a577
11 changed files with 211 additions and 237 deletions

View File

@ -1,31 +1,19 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../constants';
import { i18nBaseSettings } from "../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
translation: en
},
ru: {
translation: ru//require("./locales/ru/translation.json")
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
},
react: {
useSuspense: false
}
});
export default newInstance;
export default newInstance;

View File

@ -1,35 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../constants';
import { i18nBaseSettings } from "../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
},
ru: {
translation: ru//require("./locales/ru/translation.json")
}
en: {
translation: en
},
ru: {
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: false
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
export default newInstance;
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
// react: {
// useSuspense: false
// }
// });

View File

@ -1,31 +1,19 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../constants';
import { i18nBaseSettings } from "../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
translation: en
},
ru: {
translation: ru//require("./locales/ru/translation.json")
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
},
react: {
useSuspense: false
}
});
export default newInstance;
export default newInstance;

View File

@ -1,36 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../constants';
import { i18nBaseSettings } from "../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
translation: en
},
ru: {
translation: ru//require("./locales/ru/translation.json")
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
react: {
useSuspense: false
}
});
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
export default newInstance;
// react: {
// useSuspense: false
// }
// });

View File

@ -1,31 +1,19 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../constants';
import { i18nBaseSettings } from "../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
translation: en
},
ru: {
translation: ru//require("./locales/ru/translation.json")
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
},
react: {
useSuspense: false
}
});
export default newInstance;
export default newInstance;

View File

@ -1,36 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../../constants';
import { i18nBaseSettings } from "../../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
},
ru: {
translation: ru //require("./locales/ru/translation.json")
}
};
const resources = {
en: {
translation: en
},
ru: {
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: true
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
export default newInstance;
// react: {
// useSuspense: true
// }
// });

View File

@ -1,36 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../../constants';
import { i18nBaseSettings } from "../../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
},
ru: {
translation: ru //require("./locales/ru/translation.json")
}
};
const resources = {
en: {
translation: en
},
ru: {
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: true
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
export default newInstance;
// react: {
// useSuspense: true
// }
// });

View File

@ -1,36 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../../constants';
import { i18nBaseSettings } from "../../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
},
ru: {
translation: ru //require("./locales/ru/translation.json")
}
};
const resources = {
en: {
translation: en
},
ru: {
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: true
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
export default newInstance;
// react: {
// useSuspense: true
// }
// });

View File

@ -1,36 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../../constants';
import { i18nBaseSettings } from "../../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
},
ru: {
translation: ru //require("./locales/ru/translation.json")
}
};
const resources = {
en: {
translation: en
},
ru: {
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: true
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
export default newInstance;
// react: {
// useSuspense: true
// }
// });

View File

@ -1,36 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../../constants';
import { i18nBaseSettings } from "../../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
},
ru: {
translation: ru //require("./locales/ru/translation.json")
}
};
const resources = {
en: {
translation: en
},
ru: {
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: true
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
export default newInstance;
// react: {
// useSuspense: true
// }
// });

View File

@ -1,35 +1,37 @@
import i18n from "i18next";
import en from "./locales/en/translation.json";
import ru from "./locales/ru/translation.json";
import { LANGUAGE } from '../../constants';
import { i18nBaseSettings } from "../../constants";
const newInstance = i18n.createInstance();
const resources = {
en: {
translation: en//require("./locales/en/translation.json")
translation: en
},
ru: {
translation: ru//require("./locales/ru/translation.json")
translation: ru
}
};
newInstance.init({
resources: resources,
lng: localStorage.getItem(LANGUAGE) || 'en',
fallbackLng: "en",
newInstance.init({ ...i18nBaseSettings, resources });
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === 'lowercase') return value.toLowerCase();
return value;
}
},
export default newInstance;
react: {
useSuspense: false
}
});
// newInstance.init({
// resources: resources,
// lng: localStorage.getItem(LANGUAGE) || 'en',
// fallbackLng: "en",
export default newInstance;
// interpolation: {
// escapeValue: false, // not needed for react as it escapes by default
// format: function (value, format) {
// if (format === 'lowercase') return value.toLowerCase();
// return value;
// }
// },
// react: {
// useSuspense: false
// }
// });