translated

A factory that returns Store containing a translated string.

const { translated } = createI18nextIntegration({
  /* ... */
});

const $someTranslatedString = translated('premiumLabel.BrandOne');

The second argument is an optional object with options for the translation function. Options can be a Store or a plain value.

const $city = createStore({ name: 'Moscow' });

const { translated } = createI18nextIntegration({
  /* ... */
});

const $someTranslatedString = translated('cityPois.buttonText', {
  cityName: $city.map((city) => city.name),
});

Also, you can pass a template string with Store parts of a key:

const $pathOfAKey = createStore('BrandOne');

const { translated } = createI18nextIntegration({
  /* ... */
});

const $someTranslatedString = translated`premiumLabel.${$pathOfAKey}`;

Result of the factory will be a Store containing a translated string. It will be updated automatically when the language or available translations will be changed.