From 566f9e98381000f824c94c86d9243cc303ecdce5 Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Wed, 29 Mar 2023 14:26:22 +0800
Subject: [PATCH] chore: reduce package size

---
 build.mjs                    |  2 +-
 src/_locales/i18n-react.mjs  | 11 +++++++++++
 src/_locales/i18n.mjs        |  3 +--
 src/content-script/index.jsx |  2 +-
 src/popup/index.jsx          |  2 +-
 5 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 src/_locales/i18n-react.mjs

diff --git a/build.mjs b/build.mjs
index ea4645c..f013325 100644
--- a/build.mjs
+++ b/build.mjs
@@ -41,7 +41,7 @@ async function runWebpack(isWithoutKatex, isWithoutTiktoken, callback) {
         'i18next',
         'react-i18next',
         './src/utils',
-        './src/_locales/i18n',
+        './src/_locales/i18n-react',
       ],
     },
     output: {
diff --git a/src/_locales/i18n-react.mjs b/src/_locales/i18n-react.mjs
new file mode 100644
index 0000000..871f918
--- /dev/null
+++ b/src/_locales/i18n-react.mjs
@@ -0,0 +1,11 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+import { resources } from './resources'
+
+i18n.use(initReactI18next).init({
+  resources,
+  fallbackLng: 'en',
+  interpolation: {
+    escapeValue: false, // not needed for react as it escapes by default
+  },
+})
diff --git a/src/_locales/i18n.mjs b/src/_locales/i18n.mjs
index 871f918..b88f43f 100644
--- a/src/_locales/i18n.mjs
+++ b/src/_locales/i18n.mjs
@@ -1,8 +1,7 @@
 import i18n from 'i18next'
-import { initReactI18next } from 'react-i18next'
 import { resources } from './resources'
 
-i18n.use(initReactI18next).init({
+i18n.init({
   resources,
   fallbackLng: 'en',
   interpolation: {
diff --git a/src/content-script/index.jsx b/src/content-script/index.jsx
index 09c6356..4b9f1da 100644
--- a/src/content-script/index.jsx
+++ b/src/content-script/index.jsx
@@ -22,7 +22,7 @@ import {
 import FloatingToolbar from '../components/FloatingToolbar'
 import Browser from 'webextension-polyfill'
 import { getPreferredLanguage } from '../config/language.mjs'
-import '../_locales/i18n'
+import '../_locales/i18n-react'
 import { changeLanguage } from 'i18next'
 
 /**
diff --git a/src/popup/index.jsx b/src/popup/index.jsx
index 8d6d401..159b7ea 100644
--- a/src/popup/index.jsx
+++ b/src/popup/index.jsx
@@ -1,5 +1,5 @@
 import { render } from 'preact'
 import Popup from './Popup'
-import '../_locales/i18n'
+import '../_locales/i18n-react'
 
 render(<Popup />, document.getElementById('app'))