refactor: separate local and locize i18n inits (#7)

* refactor: separate local and locize i18n inits

apps/asdf/src/app.tsx

@@ -13,10 +13,9 @@ export function App() {
   return (
     <div>
       <Button
-        onClick={() => {
-          console.log(language);
-          language === 'en' ? changeLanguage('nb') : changeLanguage('en');
-        }}
+        onClick={() =>
+          language === 'en' ? changeLanguage('nb') : changeLanguage('en')
+        }
       >
         {t('generic_button_text')}
       </Button>

apps/asdf/src/main.tsx

@@ -3,7 +3,10 @@ import * as ReactDOM from 'react-dom/client';
 
 import App from './app';
 
-import './translations/i18n';
+import './translations/i18nWithLocize';
+// uncomment if you want to use local translation files
+// and comment the above import
+// import './translations/i18nLocal';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement

apps/asdf/src/translations/i18nLocal.ts

@@ -0,0 +1,19 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+import enJSON from './locale/en.json';
+import nbJSON from './locale/nb.json';
+
+export const initI18n = () => {
+  i18n.use(initReactI18next).init({
+    resources: {
+      // Where we're gonna put translations' files
+      en: { ...enJSON },
+      nb: { ...nbJSON },
+    },
+    lng: 'en', // Set the initial language of the App
+    fallbackLng: 'en', // Set the initial language of the App
+  });
+};
+
+initI18n();

apps/asdf/src/translations/i18n.ts → apps/asdf/src/translations/i18nWithLocize.ts

@@ -3,23 +3,10 @@ import { initReactI18next } from 'react-i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import LocizeBackend from 'i18next-locize-backend';
 
-// import enJSON from './locale/en.json';
-// import nbJSON from './locale/nb.json';
-
 const LOCIZE_PROJECT_ID = process.env.LOCIZE_PROJECT_ID;
 const LOCIZE_API_KEY = process.env.LOCIZE_API_KEY;
 
 export const initI18n = () => {
-  // i18n.use(initReactI18next).init({
-  //   resources: {
-  //     // Where we're gonna put translations' files
-  //     en: { ...enJSON },
-  //     nb: { ...nbJSON },
-  //   },
-  //   lng: 'en', // Set the initial language of the App
-  //   fallbackLng: 'en', // Set the initial language of the App
-  // });
-
   // taken from:
   // https://github.com/locize/react-tutorial/blob/main/step_2/src/i18n.js
   i18n