softunis/mengstack-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复 Layout.vue SSR 构建警告 (document is not defined)

Browse Source
This commit is contained in:
MengStack Dev 2026-10-03 00:57:00 +08:00
parent b717fdb076
commit 34ef95cdf4
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
.vitepress/theme/Layout.vue
View File

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