Add i18n support with gitauto model

src/Components/LanguageSwitcher.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+const LanguageSwitcher = () => {
+  const { i18n } = useTranslation();
+  const changeLanguage = (lng) => {
+    i18n.changeLanguage(lng);
+  };
+
+  return (
+    <div>
+      <button onClick={() => changeLanguage("pt")}>Português</button>
+      <button onClick={() => changeLanguage("en")}>English</button>
+      <button onClick={() => changeLanguage("es")}>Español</button>
+    </div>
+  );
+}
+export default LanguageSwitcher;

src/i18n.js

@@ -0,0 +1,20 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import ptTranslation from "./locales/pt/translation.json";
+import enTranslation from "./locales/en/translation.json";
+import esTranslation from "./locales/es/translation.json";
+
+const resources = {
+  pt: {
+    translation: ptTranslation,
+  },
+  en: {
+    translation: enTranslation,
+  },
+  es: {
+    translation: esTranslation,
+  },
+};
+
+i18n.use(initReactI18next).init({ resources, lng: "pt", fallbackLng: "en", interpolation: { escapeValue: false } });
+export default i18n;

src/locales/en/translation.json

@@ -0,0 +1,4 @@
+{
+  "welcome": "Welcome",
+  "language": "Language"
+}

src/locales/es/translation.json

@@ -0,0 +1,4 @@
+{
+  "welcome": "Bienvenido",
+  "language": "Idioma"
+}

src/locales/pt/translation.json

@@ -0,0 +1,4 @@
+{
+  "welcome": "Bem vindo",
+  "language": "Idioma"
+}