Uso de i18n

1 ¿Qué librerías usamos?
2 ¿Cómo lo uso en mi componente?

¿Qué librerías usamos?

Para el uso de localización estamos usando dos librerías


`es2015-i18n-tag`	exporta la etiqueta (función) que luego nos va a ayudar a realizar las traducciones en automático
`i18n-tag-schema`	Exporta los tags generados con la etiqueta (función) i18n y el schema para poder realizar las traducciones

¿Cómo lo uso en mi componente?

import useLocalization from "@pagopop/components/hooks/useLocalization";

export default MyComponent() {
  const { i18n } = useLocalization();
  
  return (
    <Text>{i18n`Hola`}</Text>
  )
}

Recuerda que i18n solo funciona con textos literales

Ejemplo de buen uso de i18n

const name = "Jose";
<Text>{`${i18n`Hola`} ${name}`}</Text>

<Text>{i18n`Hola`}</Text>

Ejemplo de mal uso de i18n

const name = "Jose";
<Text>{i18n`Hola ${name}`}</Text>

const myVariable = "Hola Jose";
<Text>{i18n`${myVariable}`}</Text>