diff --git a/.prettierrc b/.prettierrc
index 0b00890..6ca3ce5 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -4,7 +4,7 @@
   "useTabs": false,
   "semi": true,
   "singleQuote": true,
-  "quoteProps": "as-needed",
+  "quoteProps": "preserve",
   "jsxSingleQuote": false,
   "bracketSameLine": false,
   "trailingComma": "none",
diff --git a/package.json b/package.json
index c3eb2b4..3b1c1d6 100644
--- a/package.json
+++ b/package.json
@@ -44,8 +44,8 @@
     "vue-types": "5.1.1"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.40",
-    "@intlify/unplugin-vue-i18n": "0.8.2",
+    "@iconify/json": "^2.2.157",
+    "@intlify/unplugin-vue-i18n": "1.6.0",
     "@types/crypto-js": "^4.1.1",
     "@types/file-saver": "2.0.5",
     "@types/js-cookie": "3.0.3",
diff --git a/src/App.vue b/src/App.vue
index 0b058d7..a93790a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@ import { handleThemeStyle } from '@/utils/theme';
 import useAppStore from '@/store/modules/app';
 
 const appStore = useAppStore();
-const size = computed(() => appStore.size as any);
+const size = computed(() => appStore.size);
 
 onMounted(() => {
   nextTick(() => {
diff --git a/src/components/BuildCode/render.vue b/src/components/BuildCode/render.vue
index 3c0865c..aeb9312 100644
--- a/src/components/BuildCode/render.vue
+++ b/src/components/BuildCode/render.vue
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<Props>(), {
   isView: false
 });
 
-const vFormRef = ref(null);
+const vFormRef = ref();
 // 获取表单数据-异步
 const getFormData = () => {
   return vFormRef.value.getFormData();
@@ -29,7 +29,7 @@ const getFormData = () => {
  * @param {表单配置} formConf
  * formConfig：{ formTemplate：表单模板，formData：表单数据，hiddenField：需要隐藏的字段字符串集合，disabledField：需要禁用的自读字符串集合}
  */
-const initForm = (formConf) => {
+const initForm = (formConf: any) => {
   const { formTemplate, formData, hiddenField, disabledField } = toRaw(formConf);
   if (formTemplate) {
     vFormRef.value.setFormJson(formTemplate);
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 7e392e7..3bfde4d 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative" :style="{ width: width }">
+  <div class="relative" :style="{ 'width': width }">
     <el-input v-model="modelValue" readonly placeholder="点击选择图标" @click="visible = !visible">
       <template #prepend>
         <svg-icon :icon-class="modelValue" />
diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index 349c443..31bf873 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -37,7 +37,7 @@ const realSrcList = computed(() => {
   }
   let real_src_list = props.src.split(',');
   let srcList: string[] = [];
-  real_src_list.forEach((item) => {
+  real_src_list.forEach((item: string) => {
     return srcList.push(item);
   });
   return srcList;
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index 86671f5..abf72cc 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -27,7 +27,7 @@ const sizeOptions = ref([
   { label: '稍小', value: 'small' }
 ]);
 
-const handleSetSize = (size: string) => {
+const handleSetSize = (size: 'large' | 'default' | 'small') => {
   appStore.setSize(size);
 };
 </script>
diff --git a/src/enums/LanguageEnum.ts b/src/enums/LanguageEnum.ts
new file mode 100644
index 0000000..c857c43
--- /dev/null
+++ b/src/enums/LanguageEnum.ts
@@ -0,0 +1,5 @@
+export enum LanguageEnum {
+  zh_CN = 'zh_CN',
+
+  en_US = 'en_US'
+}
diff --git a/src/lang/index.ts b/src/lang/index.ts
index dddb86b..071599e 100644
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -4,6 +4,7 @@ import { createI18n } from 'vue-i18n';
 // 本地语言包
 import enUSLocale from './en_US';
 import zhCNLocale from './zh_CN';
+import { LanguageEnum } from '@/enums/LanguageEnum';
 
 const messages = {
   zh_CN: {
@@ -18,12 +19,12 @@ const messages = {
  * 获取当前语言
  * @returns zh-cn|en ...
  */
-export const getLanguage = () => {
-  const language = useStorage('language', 'zh_CN');
+export const getLanguage = (): LanguageEnum => {
+  const language = useStorage<LanguageEnum>('language', LanguageEnum.zh_CN);
   if (language.value) {
     return language.value;
   }
-  return 'zh_CN';
+  return LanguageEnum.zh_CN;
 };
 
 const i18n = createI18n({
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 7bfc35a..2a2e077 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -94,6 +94,7 @@ import useSettingsStore from '@/store/modules/settings';
 import usePermissionStore from '@/store/modules/permission';
 import { handleThemeStyle } from '@/utils/theme';
 import { SideThemeEnum } from '@/enums/SideThemeEnum';
+import defaultSettings from '@/settings';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const appStore = useAppStore();
@@ -149,23 +150,21 @@ const handleTheme = (val: string) => {
 };
 const saveSetting = () => {
   proxy?.$modal.loading('正在保存到本地，请稍候...');
-  let layoutSetting = {
-    topNav: storeSettings.value.topNav,
-    tagsView: storeSettings.value.tagsView,
-    fixedHeader: storeSettings.value.fixedHeader,
-    sidebarLogo: storeSettings.value.sidebarLogo,
-    dynamicTitle: storeSettings.value.dynamicTitle,
-    sideTheme: storeSettings.value.sideTheme,
-    theme: storeSettings.value.theme
-  };
-  localStorage.setItem('layout-setting', JSON.stringify(layoutSetting));
+  const settings = useStorage<LayoutSetting>('layout-setting', defaultSettings);
+  settings.value.topNav = storeSettings.value.topNav;
+  settings.value.tagsView = storeSettings.value.tagsView;
+  settings.value.fixedHeader = storeSettings.value.fixedHeader;
+  settings.value.sidebarLogo = storeSettings.value.sidebarLogo;
+  settings.value.dynamicTitle = storeSettings.value.dynamicTitle;
+  settings.value.sideTheme = storeSettings.value.sideTheme;
+  settings.value.theme = storeSettings.value.theme;
   setTimeout(() => {
     proxy?.$modal.closeLoading();
   }, 1000);
 };
 const resetSetting = () => {
   proxy?.$modal.loading('正在清除设置缓存并刷新，请稍候...');
-  localStorage.removeItem('layout-setting');
+  useStorage<any>('layout-setting', null).value = null;
   setTimeout('window.location.reload()', 1000);
 };
 const openSetting = () => {
diff --git a/src/main.ts b/src/main.ts
index 0ad939a..7d5d153 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -14,10 +14,6 @@ import directive from './directive';
 
 // 注册插件
 import plugins from './plugins/index'; // plugins
-import { download } from '@/utils/request';
-
-// 预设动画
-import animate from './animate';
 
 // svg图标
 import 'virtual:svg-icons-register';
@@ -26,25 +22,10 @@ import ElementIcons from '@/plugins/svgicon';
 // permission control
 import './permission';
 
-import { useDict } from '@/utils/dict';
-import { getConfigKey, updateConfigByKey } from '@/api/system/config';
-import { parseTime, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi';
-
 // 国际化
 import i18n from '@/lang/index';
 
 const app = createApp(App);
-// 全局方法挂载
-app.config.globalProperties.useDict = useDict;
-app.config.globalProperties.getConfigKey = getConfigKey;
-app.config.globalProperties.updateConfigByKey = updateConfigByKey;
-app.config.globalProperties.download = download;
-app.config.globalProperties.parseTime = parseTime;
-app.config.globalProperties.handleTree = handleTree;
-app.config.globalProperties.addDateRange = addDateRange;
-app.config.globalProperties.selectDictLabel = selectDictLabel;
-app.config.globalProperties.selectDictLabels = selectDictLabels;
-app.config.globalProperties.animate = animate;
 
 app.use(ElementIcons);
 app.use(router);
diff --git a/src/permission.ts b/src/permission.ts
index 402fdec..2fc105b 100644
--- a/src/permission.ts
+++ b/src/permission.ts
@@ -16,13 +16,13 @@ const whiteList = ['/login', '/register', '/social-callback'];
 router.beforeEach(async (to, from, next) => {
   NProgress.start();
   if (getToken()) {
-    to.meta.title && useSettingsStore().setTitle(to.meta.title as string);
+    to.meta.title && useSettingsStore().setTitle(to.meta.title);
     /* has token*/
     if (to.path === '/login') {
       next({ path: '/' });
       NProgress.done();
-    } else if (whiteList.indexOf(to.path) !== -1) {
-      next()
+    } else if (whiteList.indexOf(to.path as string) !== -1) {
+      next();
     } else {
       if (useUserStore().roles.length === 0) {
         isRelogin.show = true;
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
index 09d550a..6c5e0c3 100644
--- a/src/plugins/index.ts
+++ b/src/plugins/index.ts
@@ -3,6 +3,13 @@ import tab from './tab';
 import download from './download';
 import cache from './cache';
 import auth from './auth';
+// 预设动画
+import animate from '@/animate';
+
+import { download as dl } from '@/utils/request';
+import { useDict } from '@/utils/dict';
+import { getConfigKey, updateConfigByKey } from '@/api/system/config';
+import { parseTime, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi';
 
 import { App } from 'vue';
 
@@ -21,4 +28,16 @@ export default function installPlugin(app: App) {
 
   // 认证对象
   app.config.globalProperties.$auth = auth;
+
+  // 全局方法挂载
+  app.config.globalProperties.useDict = useDict;
+  app.config.globalProperties.getConfigKey = getConfigKey;
+  app.config.globalProperties.updateConfigByKey = updateConfigByKey;
+  app.config.globalProperties.download = dl;
+  app.config.globalProperties.parseTime = parseTime;
+  app.config.globalProperties.handleTree = handleTree;
+  app.config.globalProperties.addDateRange = addDateRange;
+  app.config.globalProperties.selectDictLabel = selectDictLabel;
+  app.config.globalProperties.selectDictLabels = selectDictLabels;
+  app.config.globalProperties.animate = animate;
 }
diff --git a/src/settings.ts b/src/settings.ts
index 9cebde7..4b62c75 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -1,3 +1,5 @@
+import { LanguageEnum } from '@/enums/LanguageEnum';
+
 const setting: DefaultSettings = {
   /**
    * 网页标题
@@ -50,6 +52,11 @@ const setting: DefaultSettings = {
 
   animationEnable: false,
 
-  dark: false
+  dark: false,
+  language: LanguageEnum.zh_CN,
+
+  size: 'default',
+
+  layout: ''
 };
 export default setting;
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 90866c1..0205fab 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -9,7 +9,7 @@ export const useAppStore = defineStore('app', () => {
     hide: false
   });
   const device = ref<string>('desktop');
-  const size = useStorage('size', 'default');
+  const size = useStorage<'large' | 'default' | 'small'>('size', 'default');
 
   // 语言
   const language = useStorage('language', 'zh_CN');
@@ -43,7 +43,7 @@ export const useAppStore = defineStore('app', () => {
   const toggleDevice = (d: string): void => {
     device.value = d;
   };
-  const setSize = (s: string): void => {
+  const setSize = (s: 'large' | 'default' | 'small'): void => {
     size.value = s;
   };
   const toggleSideBarHide = (status: boolean): void => {
diff --git a/src/store/modules/settings.ts b/src/store/modules/settings.ts
index 861c6c8..ef49b3c 100644
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -1,43 +1,29 @@
 import { defineStore } from 'pinia';
 import defaultSettings from '@/settings';
-import { SettingTypeEnum } from '@/enums/SettingTypeEnum';
 import { useDynamicTitle } from '@/utils/dynamicTitle';
+
 export const useSettingsStore = defineStore('setting', () => {
-  const storageSetting = JSON.parse(localStorage.getItem('layout-setting') || '{}');
+  const storageSetting = useStorage<LayoutSetting>('layout-setting', {
+    topNav: defaultSettings.topNav,
+    tagsView: defaultSettings.tagsView,
+    fixedHeader: defaultSettings.fixedHeader,
+    sidebarLogo: defaultSettings.sidebarLogo,
+    dynamicTitle: defaultSettings.dynamicTitle,
+    sideTheme: defaultSettings.sideTheme,
+    theme: defaultSettings.theme
+  });
   const title = ref<string>(defaultSettings.title);
-  const theme = ref<string>(storageSetting.theme || defaultSettings.theme);
-  const sideTheme = ref<string>(storageSetting.sideTheme || defaultSettings.sideTheme);
-  const showSettings = ref<boolean>(storageSetting.showSettings || defaultSettings.showSettings);
-  const topNav = ref<boolean>(storageSetting.topNav === undefined ? defaultSettings.topNav : storageSetting.topNav);
-  const tagsView = ref<boolean>(storageSetting.tagsView === undefined ? defaultSettings.tagsView : storageSetting.tagsView);
-  const fixedHeader = ref<boolean>(storageSetting.fixedHeader === undefined ? defaultSettings.fixedHeader : storageSetting.fixedHeader);
-  const sidebarLogo = ref<boolean>(storageSetting.sidebarLogo === undefined ? defaultSettings.sidebarLogo : storageSetting.sidebarLogo);
-  const dynamicTitle = ref<boolean>(storageSetting.dynamicTitle === undefined ? defaultSettings.dynamicTitle : storageSetting.dynamicTitle);
-  const animationEnable = ref<boolean>(
-    storageSetting.animationEnable === undefined ? defaultSettings.animationEnable : storageSetting.animationEnable
-  );
-  const dark = ref<boolean>(storageSetting.dark || defaultSettings.dark);
+  const theme = ref<string>(storageSetting.value.theme);
+  const sideTheme = ref<string>(storageSetting.value.sideTheme);
+  const showSettings = ref<boolean>(defaultSettings.showSettings);
+  const topNav = ref<boolean>(storageSetting.value.topNav);
+  const tagsView = ref<boolean>(storageSetting.value.tagsView);
+  const fixedHeader = ref<boolean>(storageSetting.value.fixedHeader);
+  const sidebarLogo = ref<boolean>(storageSetting.value.sidebarLogo);
+  const dynamicTitle = ref<boolean>(storageSetting.value.dynamicTitle);
+  const animationEnable = ref<boolean>(defaultSettings.animationEnable);
+  const dark = ref<boolean>(defaultSettings.dark);
 
-  const prop: { [key: string]: Ref<any> } = {
-    theme,
-    sideTheme,
-    showSettings,
-    topNav,
-    tagsView,
-    fixedHeader,
-    sidebarLogo,
-    dynamicTitle,
-    animationEnable,
-    dark
-  };
-
-  // actions
-  const changeSetting = (param: { key: SettingTypeEnum; value: any }) => {
-    const { key, value } = param;
-    if (key in prop) {
-      prop[key].value = value;
-    }
-  };
   const setTitle = (value: string) => {
     title.value = value;
     useDynamicTitle();
@@ -54,7 +40,6 @@ export const useSettingsStore = defineStore('setting', () => {
     dynamicTitle,
     animationEnable,
     dark,
-    changeSetting,
     setTitle
   };
 });
diff --git a/src/store/modules/tagsView.ts b/src/store/modules/tagsView.ts
index 3456b38..790a14a 100644
--- a/src/store/modules/tagsView.ts
+++ b/src/store/modules/tagsView.ts
@@ -123,7 +123,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
     });
   };
 
-  const updateVisitedView = (view: TagView | RouteLocationNormalized): void => {
+  const updateVisitedView = (view: TagView): void => {
     for (let v of visitedViews.value) {
       if (v.path === view.path) {
         v = Object.assign(v, view);
@@ -170,7 +170,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
     });
   };
 
-  const addCachedView = (view: TagView | RouteLocationNormalized): void => {
+  const addCachedView = (view: TagView): void => {
     const viewName = view.name as string;
     if (!viewName) return;
     if (cachedViews.value.includes(viewName)) return;
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index bb1c1e2..c6cb210 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -1,4 +1,5 @@
 import type { ComponentInternalInstance as ComponentInstance, PropType as VuePropType } from 'vue/runtime-core';
+import { LanguageEnum } from '@/enums/LanguageEnum';
 
 declare global {
   /** vue Instance */
@@ -49,6 +50,8 @@ declare global {
     /** 是否禁用上传 */
     isUploading: boolean;
 
+    updateSupport: number;
+
     /** 其他参数 */
     [key: string]: any;
   }
@@ -87,76 +90,77 @@ declare global {
     pageNum: number;
     pageSize: number;
   }
+  declare interface LayoutSetting {
+    /**
+     * 是否显示顶部导航
+     */
+    topNav: boolean;
 
-  declare type DefaultSettings = {
+    /**
+     * 是否显示多标签导航
+     */
+    tagsView: boolean;
+    /**
+     * 是否固定头部
+     */
+    fixedHeader: boolean;
+    /**
+     * 是否显示侧边栏Logo
+     */
+    sidebarLogo: boolean;
+    /**
+     * 是否显示动态标题
+     */
+    dynamicTitle: boolean;
+    /**
+     * 侧边栏主题 theme-dark | theme-light
+     */
+    sideTheme: string;
+    /**
+     * 主题模式
+     */
+    theme: string;
+  }
+
+  declare interface DefaultSettings extends LayoutSetting {
     /**
      * 网页标题
      */
     title: string;
 
-    /**
-     * 侧边栏主题 theme-dark | theme-light
-     */
-    sideTheme?: string;
-
     /**
      * 是否显示系统布局设置
      */
-    showSettings?: boolean;
+    showSettings: boolean;
 
-    /**
-     * 是否显示顶部导航
-     */
-    topNav?: boolean;
-
-    /**
-     * 是否显示多标签导航
-     */
-    tagsView?: boolean;
-    /**
-     * 是否固定头部
-     */
-    fixedHeader?: boolean;
-    /**
-     * 是否显示侧边栏Logo
-     */
-    sidebarLogo?: boolean;
     /**
      * 导航栏布局
      */
-    layout?: string;
-    /**
-     * 主题模式
-     */
-    theme?: string;
+    layout: string;
 
     /**
      * 布局大小
      */
-    size?: string;
+    size: 'large' | 'default' | 'small';
 
     /**
      * 语言
      */
-    language?: string;
+    language: LanguageEnum;
 
-    /**
-     * 是否显示动态标题
-     */
-    dynamicTitle?: boolean;
     /**
      * 是否启用动画效果
      */
-    animationEnable?: boolean;
+    animationEnable: boolean;
     /**
      *  是否启用暗黑模式
      *
      * true:暗黑模式
      * false: 明亮模式
      */
-    dark?: boolean;
+    dark: boolean;
 
-    errorLog?: string;
-  };
+    errorLog: string;
+  }
 }
 export {};
diff --git a/src/types/module.d.ts b/src/types/module.d.ts
index 987c349..b1be08d 100644
--- a/src/types/module.d.ts
+++ b/src/types/module.d.ts
@@ -1,13 +1,13 @@
-import type modal from '@/plugins/modal';
-import type tab from '@/plugins/tab';
-import type download from '@/plugins/download';
-import type auth from '@/plugins/auth';
-import type cache from '@/plugins/cache';
-import type animate from '@/animate';
-import type { useDict } from '@/utils/dict';
-import type { addDateRange, handleTree, selectDictLabel, selectDictLabels, parseTime } from '@/utils/ruoyi';
-import type { getConfigKey, updateConfigByKey } from '@/api/system/config';
-import type { download as rd } from '@/utils/request';
+import modal from '@/plugins/modal';
+import tab from '@/plugins/tab';
+import download from '@/plugins/download';
+import auth from '@/plugins/auth';
+import cache from '@/plugins/cache';
+import animate from '@/animate';
+import { useDict } from '@/utils/dict';
+import handleTree, { addDateRange, selectDictLabel, selectDictLabels, parseTime } from '@/utils/ruoyi';
+import { getConfigKey, updateConfigByKey } from '@/api/system/config';
+import { download as rd } from '@/utils/request';
 
 declare module '@vue/runtime-core' {
   interface ComponentCustomProperties {
diff --git a/src/utils/ruoyi.ts b/src/utils/ruoyi.ts
index a116b52..bbba282 100644
--- a/src/utils/ruoyi.ts
+++ b/src/utils/ruoyi.ts
@@ -245,3 +245,7 @@ export const getNormalPath = (p: string): string => {
 export const blobValidate = (data: any) => {
   return data.type !== 'application/json';
 };
+
+export default {
+  handleTree
+};
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 79ae8f8..56078d9 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -306,9 +306,8 @@ import { to } from 'await-to-js';
 import { globalHeaders } from '@/utils/request';
 
 const router = useRouter();
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { proxy } = getCurrentInstance();
 const { sys_normal_disable, sys_user_sex } = toRefs<any>(proxy?.useDict('sys_normal_disable', 'sys_user_sex'));
-
 const userList = ref<UserVO[]>();
 const loading = ref(true);
 const showSearch = ref(true);
@@ -512,7 +511,7 @@ const handleResetPwd = async (row: UserVO) => {
       inputErrorMessage: '用户密码长度必须介于 5 和 20 之间'
     })
   );
-  if (!err) {
+  if (!err && res) {
     await api.resetUserPwd(row.userId, res.value);
     proxy?.$modal.msgSuccess('修改成功，新密码是：' + res.value);
   }
diff --git a/src/views/system/user/profile/userInfo.vue b/src/views/system/user/profile/userInfo.vue
index 5ea5456..885f1c9 100644
--- a/src/views/system/user/profile/userInfo.vue
+++ b/src/views/system/user/profile/userInfo.vue
@@ -24,12 +24,10 @@
 
 <script setup lang="ts">
 import { updateUserProfile } from '@/api/system/user';
+import { propTypes } from '@/utils/propTypes';
 
 const props = defineProps({
-  user: {
-    type: Object as PropType<any>,
-    required: true
-  }
+  user: propTypes.any.isRequired
 });
 const userForm = computed(() => props.user);
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
diff --git a/src/views/tool/gen/genInfoForm.vue b/src/views/tool/gen/genInfoForm.vue
index 84e1d90..ad8fd5e 100644
--- a/src/views/tool/gen/genInfoForm.vue
+++ b/src/views/tool/gen/genInfoForm.vue
@@ -233,7 +233,7 @@ interface MenuOptionsType {
 
 const subColumns = ref<any>([]);
 const menuOptions = ref<Array<MenuOptionsType>>([]);
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { proxy } = getCurrentInstance();
 
 const props = defineProps({
   info: propTypes.any.def(null),