index.ts 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. import CN from "./cn";
  2. import EN from "./en";
  3. import TW from "./tw";
  4. import ES from "./es";
  5. import IT from "./it";
  6. export type { LocaleType } from "./cn";
  7. export const AllLangs = ["en", "cn", "tw", "es", "it"] as const;
  8. type Lang = (typeof AllLangs)[number];
  9. const LANG_KEY = "lang";
  10. function getItem(key: string) {
  11. try {
  12. return localStorage.getItem(key);
  13. } catch {
  14. return null;
  15. }
  16. }
  17. function setItem(key: string, value: string) {
  18. try {
  19. localStorage.setItem(key, value);
  20. } catch {}
  21. }
  22. function getLanguage() {
  23. try {
  24. return navigator.language.toLowerCase();
  25. } catch {
  26. return "cn";
  27. }
  28. }
  29. export function getLang(): Lang {
  30. const savedLang = getItem(LANG_KEY);
  31. if (AllLangs.includes((savedLang ?? "") as Lang)) {
  32. return savedLang as Lang;
  33. }
  34. const lang = getLanguage();
  35. if (lang.includes("zh") || lang.includes("cn")) {
  36. return "cn";
  37. } else if (lang.includes("tw")) {
  38. return "tw";
  39. } else if (lang.includes("es")) {
  40. return "es";
  41. } else if (lang.includes("it")) {
  42. return "it";
  43. } else {
  44. return "en";
  45. }
  46. }
  47. export function changeLang(lang: Lang) {
  48. setItem(LANG_KEY, lang);
  49. location.reload();
  50. }
  51. export default { en: EN, cn: CN, tw: TW, es: ES, it: IT }[getLang()];