Create es.json

crowdin.yml

@@ -0,0 +1,3 @@
+files:
+  - source: /**/i18n/en/*.*
+    translation: /**/i18n/%two_letters_code%/%original_file_name%

package.json

@@ -10,7 +10,7 @@
     "test": "vitest",
     "preview": "vite preview",
     "extract": "formatjs extract 'src/**/*.{ts,tsx}' --ignore='**/*.d.ts' --out-file './extracted/en.json' --id-interpolation-pattern '[sha512:contenthash:base64:6]'",
-    "extract-simple": "formatjs extract 'src/**/*.{ts,tsx}' --ignore='**/*.d.ts' --out-file './src/i18n/en.json' --id-interpolation-pattern '[sha512:contenthash:base64:6]' --format simple",
+    "extract-simple": "formatjs extract 'src/**/*.{ts,tsx}' --ignore='**/*.d.ts' --out-file 'src/i18n/en/test.json' --id-interpolation-pattern '[sha512:contenthash:base64:6]' --format simple",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prepare": "husky"

src/context/LanguageContext.tsx

@@ -2,7 +2,7 @@
 import { createContext, useContext, useState } from "react";
 import { detectBrowserLanguage } from "@/utils";
 
-import en from "@/i18n/en.json";
+import en from "@/i18n/en/test.json";
 
 const DEFAULT_LOCALE = "en";
 
@@ -20,7 +20,7 @@
   setLocale: () => {},
 });
 
 export const useLanguage = () => useContext(LanguageContext);
 
 export default function LanguageProvider({
   children,