mise en place de i18n

.env

+VITE_API_ENDPOINT="https://api.instalike.fr"
\ No newline at end of file

.eslintignore

+node_modules/
+dist/
+.prettierrc
+.eslintrc 
\ No newline at end of file

.eslintrc

+{
+    "extends": [
+      "eslint:recommended",
+      "plugin:react/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:import/recommended",
+      "plugin:jsx-a11y/recommended",
+      "plugin:@typescript-eslint/recommended",
+      "eslint-config-prettier"
+    ],
+    "settings": {
+      "react": {
+        "version": "detect"
+      },
+  
+      "import/resolver": {
+        "node": {
+          "paths": ["src"],
+          "extensions": [".js", ".jsx", ".ts", ".tsx"]
+        }
+      }
+    },
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "import/named": "off"
+    }
+  }
\ No newline at end of file

.prettierignore

+node_modules/
+dist/
\ No newline at end of file

.prettierrc

+{
+    "endOfLine": "lf",
+    "trailingComma": "es5",
+    "arrowParens": "always",
+    "tabWidth": 2,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "printWidth": 120,
+    "bracketSameLine": false,
+    "bracketSpacing": true,
+    "importOrder": ["<THIRD_PARTY_MODULES>", "^@src/(.*)$", "^[./]"],
+    "importOrderSeparation": true
+  }
\ No newline at end of file

README

+npm run dev -> pour lancer l'application
\ No newline at end of file

src/assets/enums/Language.ts

+enum Language {
+    FR = 'fr',
+    EN = 'en',
+}
+
+export default Language;
\ No newline at end of file

src/assets/locales/en/common.json

+{
+    "followers": "followers {{ count }}",
+    "actions": {
+        "follow": "follow"
+    }
+}
\ No newline at end of file

src/assets/locales/fr/common.json

+{
+    "followers": "Abonnés {{ count }}",
+    "actions": {
+        "follow": "suivre"
+    }
+}
\ No newline at end of file

src/i18n.ts

+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+
+import commonEN from "./assets/locales/en/common.json";
+import commonFR from "./assets/locales/fr/common.json";
+import Language from "./assets/enums/Language";
+import I18nextBrowserLanguageDetector from "i18next-browser-languagedetector";
+
+i18n
+.use(initReactI18next)
+.use(I18nextBrowserLanguageDetector)
+.init({
+    ns: 'common',
+    defaultNS: 'common',
+    fallbackLng: Language.EN,
+    supportedLngs: Object.values(Language), 
+    resources: {
+        [Language.EN]: {
+            common: commonEN,
+        },
+        [Language.FR]: {
+            common: commonFR,
+        },
+    },
+    interpolation: {
+        escapeValue: false,
+    },
+    detection: {
+        order: ['querystring', 'localStorage'],
+        caches: ['localStorage'],
+        lookupQuerystring: "lang",
+    }
+});
\ No newline at end of file

src/instalikeApi.ts

+import axios from "axios";
+import { createInstalikeApi } from "@jmetterrothan/instalike";
+
+const instalikeApi = createInstalikeApi(
+  axios.create({
+    baseURL: import.meta.env.VITE_API_ENDPOINT,
+    headers: {
+      "Content-Type": "application/json;charset=utf-8",
+      Accept: "application/json",
+    },
+  })
+);
+
+export default instalikeApi;
\ No newline at end of file