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>