import i18n from 'i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
import { initReactI18next } from 'react-i18next';
import * as resources from 'virtual:i18next-loader';

i18n
	// detect user language
	// learn more: https://github.com/i18next/i18next-browser-languageDetector
	.use(LanguageDetector)
	// pass the i18n instance to react-i18next.
	.use(initReactI18next)
	// init i18next
	// for all options read: https://www.i18next.com/overview/configuration-options
	.init({
		resources,
		detection: {
			// We need to convert due to ES syntactical rules (e.g. ch-TW -> ch_TW) and vite's virtual module stuff -_-
			// NOTE: This whole issue sounds very error-prone...
			convertDetectedLanguage: (lng) => lng.replace('-', '_')
		},
		// debug: true,
		fallbackLng: 'en',
		nonExplicitSupportedLngs: true,
		ns: ['common'],
		fallbackNS: 'common',
		defaultNS: 'common'
	});

export default i18n;