From 34ef95cdf47e0c21df4fd5f76c163bcb008891aa Mon Sep 17 00:00:00 2001
From: MengStack Dev <dev@mengstack.com>
Date: Sat, 3 Oct 2026 00:57:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Layout.vue=20SSR=20?=
 =?UTF-8?q?=E6=9E=84=E5=BB=BA=E8=AD=A6=E5=91=8A=20(document=20is=20not=20d?=
 =?UTF-8?q?efined)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vitepress/theme/Layout.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
index 86670b8..32a7504 100644
--- a/.vitepress/theme/Layout.vue
+++ b/.vitepress/theme/Layout.vue
@@ -1,18 +1,26 @@
 <script setup>
 import DefaultTheme from 'vitepress/theme'
 import { useRoute } from 'vitepress'
-import { computed, watch, onUnmounted } from 'vue'
+import { computed, watch, onMounted, onUnmounted } from 'vue'
 import Home from './Home.vue'
 
 const route = useRoute()
 const isHome = computed(() => route.path === '/' || route.path === '/index.html')
 
-watch(isHome, (val) => {
-  document.documentElement.classList.toggle('home-layout', val)
-}, { immediate: true })
+function toggleHomeLayout(val) {
+  if (typeof document !== 'undefined') {
+    document.documentElement.classList.toggle('home-layout', val)
+  }
+}
+
+watch(isHome, toggleHomeLayout, { immediate: true })
+
+onMounted(() => toggleHomeLayout(isHome.value))
 
 onUnmounted(() => {
-  document.documentElement.classList.remove('home-layout')
+  if (typeof document !== 'undefined') {
+    document.documentElement.classList.remove('home-layout')
+  }
 })
 </script>