fix: 🧩 修复横向布局下最大化失效

src/layouts/components/Main/components/Maximize.vue

@@ -5,25 +5,14 @@
 </template>
 
 <script setup lang="ts">
-import { computed, watch } from "vue";
+import { computed } from "vue";
 import { GlobalStore } from "@/stores";
 
 const globalStore = GlobalStore();
 const themeConfig = computed(() => globalStore.themeConfig);
 const exitMaximize = () => {
 	globalStore.setThemeConfig({ ...themeConfig.value, maximize: false });
 };
-
-// 监听当前页是否全屏，动态添加 class
-watch(
-	() => themeConfig.value.maximize,
-	() => {
-		const app = document.getElementById("app") as HTMLElement;
-		if (themeConfig.value.maximize) app.classList.add("main-maximize");
-		else app.classList.remove("main-maximize");
-	},
-	{ immediate: true }
-);
 </script>
 
 <style scoped lang="scss">

src/layouts/components/Main/index.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onBeforeUnmount, provide } from "vue";
+import { ref, computed, onBeforeUnmount, provide, watch } from "vue";
 import { useDebounceFn } from "@vueuse/core";
 import { GlobalStore } from "@/stores";
 import { KeepAliveStore } from "@/stores/modules/keepAlive";
@@ -34,6 +34,17 @@ const isRouterShow = ref(true);
 const refreshCurrentPage = (val: boolean) => (isRouterShow.value = val);
 provide("refresh", refreshCurrentPage);
 
+// 监听当前页是否最大化，动态添加 class
+watch(
+	() => themeConfig.value.maximize,
+	() => {
+		const app = document.getElementById("app") as HTMLElement;
+		if (themeConfig.value.maximize) app.classList.add("main-maximize");
+		else app.classList.remove("main-maximize");
+	},
+	{ immediate: true }
+);
+
 // 监听窗口大小变化，折叠侧边栏
 const screenWidth = ref(0);
 const listeningWindow = useDebounceFn(() => {