Initial commit

src/i18n/use-locale.ts

@@ -0,0 +1,38 @@
+/**
+ * AntDesignVue、EleAdminPro、Dayjs 国际化配置
+ */
+import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import type { Locale } from 'ant-design-vue/es/locale-provider';
+import type { EleLocale } from 'ele-admin-pro/es';
+// AntDesignVue
+import zh_CN from 'ant-design-vue/es/locale/zh_CN';
+import zh_TW from 'ant-design-vue/es/locale/zh_TW';
+import en from 'ant-design-vue/es/locale/en_US';
+// EleAdminPro
+import eleZh_CN from 'ele-admin-pro/es/lang/zh_CN';
+import eleZh_TW from 'ele-admin-pro/es/lang/zh_TW';
+import eleEn from 'ele-admin-pro/es/lang/en_US';
+// Dayjs
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-tw';
+const antLocales = { zh_CN, zh_TW, en };
+const eleLocales = { zh_CN: eleZh_CN, zh_TW: eleZh_TW, en: eleEn };
+
+export function useLocale() {
+  const { locale } = useI18n();
+  const antLocale = ref<Locale>();
+  const eleLocale = ref<EleLocale>();
+
+  watch(
+    locale,
+    () => {
+      antLocale.value = antLocales[locale.value];
+      eleLocale.value = eleLocales[locale.value];
+      dayjs.locale(locale.value.toLowerCase().replace(/_/g, '-'));
+    },
+    { immediate: true }
+  );
+  return { antLocale, eleLocale };
+}