feat: core components support simple locale switching (#4273)

* feat: core components support simple locale switching

* fix: test error

* fix: test error

packages/@core/composables/src/index.ts

@@ -2,6 +2,7 @@ export * from './use-content-style';
 export * from './use-is-mobile';
 export * from './use-namespace';
 export * from './use-priority-value';
+export * from './use-simple-locale';
 export * from './use-sortable';
 export {
   useEmitAsProps,

packages/@core/composables/src/use-simple-locale/README.md

@@ -0,0 +1,3 @@
+# Simple i18n
+
+Simple i18 implementation

packages/@core/composables/src/use-simple-locale/index.ts

@@ -0,0 +1,25 @@
+import { computed, ref } from 'vue';
+
+import { createSharedComposable } from '@vueuse/core';
+
+import { getMessages, type Locale } from './messages';
+
+export const useSimpleLocale = createSharedComposable(() => {
+  const currentLocale = ref<Locale>('zh-CN');
+
+  const setSimpleLocale = (locale: Locale) => {
+    currentLocale.value = locale;
+  };
+
+  const $t = computed(() => {
+    const localeMessages = getMessages(currentLocale.value);
+    return (key: string) => {
+      return localeMessages[key] || key;
+    };
+  });
+  return {
+    $t,
+    currentLocale,
+    setSimpleLocale,
+  };
+});

packages/@core/composables/src/use-simple-locale/messages.ts

@@ -0,0 +1,14 @@
+export type Locale = 'en-US' | 'zh-CN';
+
+export const messages: Record<Locale, Record<string, string>> = {
+  'en-US': {
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+  },
+  'zh-CN': {
+    cancel: '取消',
+    confirm: '确认',
+  },
+};
+
+export const getMessages = (locale: Locale) => messages[locale];