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>
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>