diff --git a/src/i18n.ts b/src/i18n.ts deleted file mode 100644 index fd546d4..0000000 --- a/src/i18n.ts +++ /dev/null @@ -1,66 +0,0 @@ -import i18n from 'i18next'; -import { initReactI18next } from 'react-i18next'; -import LanguageDetector from 'i18next-browser-languagedetector'; - -// We will import the translations as we create them -// For now, we'll define them here and move them to JSON files in the next step -const resources = { - en: { - translation: { - // Navbar - "Home": "Home", - "Listings": "Listings", - "Categories": "Categories", - "SearchPlaceholder": "Search listings...", - "SignIn": "Sign in", - "Register": "Register", - // Add other keys here - } - }, - fr: { - translation: { - // Navbar - "Home": "Accueil", - "Listings": "Annonces", - "Categories": "Catégories", - "SearchPlaceholder": "Rechercher des annonces...", - "SignIn": "Connexion", - "Register": "S'inscrire", - // Add other keys here - } - }, - de: { - translation: { - // Navbar - "Home": "Startseite", - "Listings": "Angebote", - "Categories": "Kategorien", - "SearchPlaceholder": "Angebote suchen...", - "SignIn": "Anmelden", - "Register": "Registrieren", - // Add other keys here - } - } -}; - - -i18n - // Detect user language - .use(LanguageDetector) - // Pass the i18n instance to react-i18next. - .use(initReactI18next) - // Init i18next - .init({ - resources, - fallbackLng: 'en', // Use English if the detected language is not available - interpolation: { - escapeValue: false, // React already safes from xss - }, - detection: { - // Order and from where user language should be detected - order: ['localStorage', 'navigator', 'htmlTag', 'path', 'subdomain'], - caches: ['localStorage'], - } - }); - -export default i18n; diff --git a/src/locales/de/translation.json b/src/locales/de/translation.json new file mode 100644 index 0000000..45f7a64 --- /dev/null +++ b/src/locales/de/translation.json @@ -0,0 +1,8 @@ +{ + "Home": "Startseite", + "Listings": "Angebote", + "Categories": "Kategorien", + "SearchPlaceholder": "Angebote suchen...", + "SignIn": "Anmelden", + "Register": "Registrieren" + } \ No newline at end of file diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json new file mode 100644 index 0000000..9f84e26 --- /dev/null +++ b/src/locales/en/translation.json @@ -0,0 +1,8 @@ +{ + "Home": "Home", + "Listings": "Listings", + "Categories": "Categories", + "SearchPlaceholder": "Search listings...", + "SignIn": "Sign in", + "Register": "Register" + } \ No newline at end of file diff --git a/src/locales/fr/translation.json b/src/locales/fr/translation.json new file mode 100644 index 0000000..17bd034 --- /dev/null +++ b/src/locales/fr/translation.json @@ -0,0 +1,8 @@ +{ + "Home": "Accueil", + "Listings": "Annonces", + "Categories": "Catégories", + "SearchPlaceholder": "Rechercher des annonces...", + "SignIn": "Connexion", + "Register": "S'inscrire" + } \ No newline at end of file diff --git a/src/main.tsx b/src/main.tsx index cc4e722..ea9e363 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -2,7 +2,6 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import App from './App.tsx'; import './index.css'; -import './i18n'; createRoot(document.getElementById('root')!).render(