Pesquisa de site

javascript - React i18next - como encontrar tradução não utilizada


Eu uso react-i18next no meu projeto.

en.json

{
  "translation": {
    "header": {
       "comment": "Comment"
     }
  }
}

i18n.ts

import en from 'assets/locales/en.json';

const resources = {
  en: { ...en, translation: { ...en.translation } },
};

export const initLanguage = async () => {
  await i18next.use(initReactI18next).init({
    compatibilityJSON: 'v3',
    resources: resources,
    lng: "en",
    fallbackLng: "en",
    interpolation: {
      escapeValue: false,
    },
  });
};

Referenciando este comentário, agora eu uso o i18n-unused para identificar traduções não utilizadas.

module.exports = {
  localesPath: 'assets/locales',
  srcPath: 'src',
};

Quando eu executo i18n-unused display-unused, ele mostra que muitas traduções não estão sendo usadas, mas na verdade a maioria dessas traduções está sendo usada.

Resultado

Unused translations count: 840
...
'translation.header.documents' 
...

No meu código

import { useTranslation } from 'react-i18next';
...
const { t } = useTranslation();
...

return (
  <Header title={t('header.documents')}/>
)

Existe alguma solução para isso?

Artigos relacionados