@talend/locales-tui-components v16.0.1

TUI-components locales

This module contains i18n files for TUI-components project.

How to install

yarn add @talend/locales-tui-components 

or

npm install @talend/locales-tui-components

How to use with i18next

Synchronous use

i18n.js

import i18n from 'i18next';

import merge from 'lodash/merge';

import { namespaces as tuicomponentsNamespaces } from '@talend/locales-tui-components/namespaces';
import { locales as tuicomponentsLocales } from '@talend/locales-tui-components/locales';

i18n
	.init({
		ns: [
			...tuicomponentsNamespaces,
			...myProjectNamespaces
		],
		resources: merge(tuicomponentsLocales, myProjectLocales),
	});

export default i18n;

Asynchronous use

For async load, you need to copy the i18n files to the location you want to serve them

webpack.config.js

const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
	plugins: [
		new CopyWebpackPlugin([
			{ from: 'node_modules/@talend/locales-tui-components/locales', to: 'assets/locales' },
		]),
	]
}

i18n.js

import i18n from 'i18next';
import XHR from 'i18next-xhr-backend';

import { namespaces as tuicomponentsNamespaces } from '@talend/locales-tui-components/namespaces';

i18n
	.use(XHR)
	.init({
		ns: [
			...tuicomponentsNamespaces,
			...myProjectNamespaces
		],
		backend: {
			loadPath: '/assets/locales/{{lng}}/{{ns}}.json',
		},
	});

export default i18n;