feat: arco国际化

src/App.vue

@@ -1,7 +1,9 @@
-<template>
-  <div><router-view /></div>
-</template>
-
-<script setup></script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>

src/components.d.ts

@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    LangProvider: typeof import('./components/lang-provider/index.vue')['default']
     MainTransition: typeof import('./components/main-transition/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

src/components/lang-provider/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <a-config-provider :locale="locale">
+      <slot></slot>
+    </a-config-provider>
+  </div>
+</template>
+
+<script setup lang="ts">
+import zhCN from "@arco-design/web-vue/es/locale/lang/zh-cn";
+import enUS from "@arco-design/web-vue/es/locale/lang/en-us";
+interface Lang {
+  [key: string]: any;
+}
+const locales = ref<Lang>({
+  "zh-CN": zhCN,
+  "en-US": enUS
+});
+const localeType = ref<string>("zh-CN");
+const locale = computed(() => {
+  return locales.value[localeType.value] || zhCN;
+});
+</script>
+
+<style lang="scss" scoped></style>

src/layout/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
-    <component :is="layouts['defaults']"></component>
+    <lang-provider>
+      <component :is="layouts['defaults']" />
+    </lang-provider>
   </div>
 </template>
 

src/views/common-components/form-component/form-component.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>表单数据</div>
+    <div>表单数据<a-date-picker style="width: 200px" /></div>
   </div>
 </template>