Using translations in a ts file about typesafe-i18n HOT 4 CLOSED

It's hard to tell what exactly could work for you without seeing the code.

But you could wrap it like this:

import type { TranslationFunctions } from './i18n/i18n-types'

const createRequiredValidator = (LL: TranslationFunctions) => {
    return (value: string | undefined) => {
	if (!value || value.length === 0) {
	  return LL.REQUIRED()
	}
    }
 }

// later in your component
const required = createRequiredValidator(LL)

You would make sure to call createRequiredValidator again every time the language changes.

from typesafe-i18n.

The last solution is better, thanks for the help!

from typesafe-i18n.

Hi @galkatz373,
thanks! I am glad to hear you like the project.

I assume you are using the library inside a 'react' application. Is this correct?
If yes, you would need to pass the LL translation object to your validation function, to keep the language synchronized with your application.

import type { TranslationFunctions } from './i18n/i18n-types'

export const required = (LL: TranslationFunctions, value: string | undefined) => {
	if (!value || value.length === 0) {
	  return LL.REQUIRED()
	}
 }

Hope this helps :)

from typesafe-i18n.

Hi @galkatz373,
thanks! I am glad to hear you like the project.

I assume you are using the library inside a 'react' application. Is this correct?
If yes, you would need to pass the LL translation object to your validation function, to keep the language synchronized with your application.

import type { TranslationFunctions } from './i18n/i18n-types'

export const required = (LL: TranslationFunctions, value: string | undefined) => {
	if (!value || value.length === 0) {
	  return LL.REQUIRED()
	}
 }

Hope this helps :)

I thought about it, but then I have to pass the translation object each time I call the validation function.

from typesafe-i18n.