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?