chore: element ui配置调整

src/app.vue

 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, shallowRef } from 'vue'
 import { useResizeObserver } from '@vueuse/core'
 import { useDesignSettingStore } from '@/store/modules/design-setting'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
 
 const designSettingStore = useDesignSettingStore()
 
-const currentLocale = ref({
-  zhCn,
-})
+const currentLocale = shallowRef(zhCn)
 
 const rootContainer = ref<HTMLDivElement | null>(null)
 

src/layout/index.vue

@@ -45,9 +45,7 @@ watchEffect(() => {
       <el-main class="main-content-wrapper">
         <RouterView v-slot="{ Component }">
           <Transition appear name="fade-slide" mode="out-in">
-            <div>
-              <Component :is="Component" />
-            </div>
+            <Component :is="Component" />
           </Transition>
         </RouterView>
       </el-main>