fix: correctly extend react-i18next from i18next framework

src/frameworks/i18next.ts

@@ -49,6 +49,13 @@ class I18nextFramework extends Framework {
     '{key}_7',
     '{key}_8',
     '{key}_9',
+    // support v4 format as well as v3
+    '{key}_zero',
+    '{key}_one',
+    '{key}_two',
+    '{key}_few',
+    '{key}_many',
+    '{key}_other'
   ]
 
   refactorTemplates(keypath: string) {

src/frameworks/react-i18next.ts

@@ -0,0 +1,39 @@
+import { I18nextFramework } from './i18next'
+import { LanguageId } from '~/utils'
+
+class ReactI18nextFramework extends Framework {
+  id= 'react-i18next'
+  display= 'React'
+
+  detection= {
+    packageJSON: [
+      'react-i18next',
+      'next-i18next',
+    ],
+  }
+
+  languageIds: LanguageId[] = [
+    'javascript',
+    'typescript',
+    'javascriptreact',
+    'typescriptreact',
+    'ejs',
+  ]
+
+  // for visualize the regex, you can use https://regexper.com/
+  usageMatchRegex = [
+    // general jsx attrs
+    '[^\\w\\d](?:i18nKey=|FormattedMessage[ (]\\s*id=|t\\(\\s*)[\'"`]({key})[\'"`]',
+    '<Trans>({key})<\\/Trans>',
+  ]
+
+  refactorTemplates(keypath: string) {
+    return [
+      `{t('${keypath}')}`,
+      `t('${keypath}')`,
+      keypath,
+    ]
+  }
+}
+
+export default ReactI18nextFramework