11

src/App.vue

@@ -8,79 +8,79 @@
 </template>
 
 <script setup lang="ts" name="app">
-import { useI18n } from 'vue-i18n';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import other from '/@/utils/other';
-import { Local, Session } from '/@/utils/storage';
-import mittBus from '/@/utils/mitt';
-import setIntroduction from '/@/utils/setIconfont';
+import { useI18n } from "vue-i18n"
+import { useTagsViewRoutes } from "/@/stores/tagsViewRoutes"
+import { useThemeConfig } from "/@/stores/themeConfig"
+import other from "/@/utils/other"
+import { Local, Session } from "/@/utils/storage"
+import mittBus from "/@/utils/mitt"
+import setIntroduction from "/@/utils/setIconfont"
 
 // 引入组件
-const LockScreen = defineAsyncComponent(() => import('/@/layout/lockScreen/index.vue'));
-const Setings = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/setings.vue'));
-const CloseFull = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/closeFull.vue'));
+const LockScreen = defineAsyncComponent(() => import("/@/layout/lockScreen/index.vue"))
+const Setings = defineAsyncComponent(() => import("/@/layout/navBars/breadcrumb/setings.vue"))
+const CloseFull = defineAsyncComponent(() => import("/@/layout/navBars/breadcrumb/closeFull.vue"))
 
 // 定义变量内容
-const { messages, locale } = useI18n();
-const settingsRef = ref();
-const route = useRoute();
-const stores = useTagsViewRoutes();
-const storesThemeConfig = useThemeConfig();
-const { themeConfig } = storeToRefs(storesThemeConfig);
+const { messages, locale } = useI18n()
+const settingsRef = ref()
+const route = useRoute()
+const stores = useTagsViewRoutes()
+const storesThemeConfig = useThemeConfig()
+const { themeConfig } = storeToRefs(storesThemeConfig)
 
 // 设置锁屏时组件显示隐藏
 const setLockScreen = computed(() => {
 	// 防止锁屏后，刷新出现不相关界面
 	// https://gitee.com/lyt-top/vue-next-admin/issues/I6AF8P
-	return themeConfig.value.isLockScreen ? themeConfig.value.lockScreenTime > 1 : themeConfig.value.lockScreenTime >= 0;
-});
+	return themeConfig.value.isLockScreen ? themeConfig.value.lockScreenTime > 1 : themeConfig.value.lockScreenTime >= 0
+})
 
 // 获取全局组件大小
 const getGlobalComponentSize = computed(() => {
-	return other.globalComponentSize();
-});
+	return other.globalComponentSize()
+})
 // 获取全局 i18n
 const getGlobalI18n = computed(() => {
-	return messages.value[locale.value];
-});
+	return messages.value[locale.value]
+})
 // 设置初始化，防止刷新时恢复默认
 onBeforeMount(() => {
 	// 设置批量第三方 icon 图标
-	setIntroduction.cssCdn();
+	setIntroduction.cssCdn()
 	// 设置批量第三方 js
-	setIntroduction.jsCdn();
-});
+	setIntroduction.jsCdn()
+})
 // 页面加载时
 onMounted(() => {
 	nextTick(() => {
 		// 监听布局配'置弹窗点击打开
-		mittBus.on('openSetingsDrawer', () => {
-			settingsRef.value.openDrawer();
-		});
+		mittBus.on("openSetingsDrawer", () => {
+			settingsRef.value.openDrawer()
+		})
 		// 获取缓存中的布局配置
-		if (Local.get('themeConfig')) {
-			storesThemeConfig.setThemeConfig({ themeConfig: Local.get('themeConfig') });
-			document.documentElement.style.cssText = Local.get('themeConfigStyle');
+		if (Local.get("themeConfig")) {
+			storesThemeConfig.setThemeConfig({ themeConfig: Local.get("themeConfig") })
+			document.documentElement.style.cssText = Local.get("themeConfigStyle")
 		}
 		// 获取缓存中的全屏配置
-		if (Session.get('isTagsViewCurrenFull')) {
-			stores.setCurrenFullscreen(Session.get('isTagsViewCurrenFull'));
+		if (Session.get("isTagsViewCurrenFull")) {
+			stores.setCurrenFullscreen(Session.get("isTagsViewCurrenFull"))
 		}
-	});
-});
+	})
+})
 // 页面销毁时，关闭监听布局配置/i18n监听
 onUnmounted(() => {
-	mittBus.off('openSetingsDrawer', () => {});
-});
+	mittBus.off("openSetingsDrawer", () => {})
+})
 // 监听路由的变化，设置网站标题
 watch(
 	() => route.path,
 	() => {
-		other.useTitle();
+		other.useTitle()
 	},
 	{
 		deep: true,
-	}
-);
+	},
+)
 </script>