mengstack-website/.vitepress/theme/Layout.vue
2026-10-02 23:55:36 +08:00

28 lines
670 B
Vue

<script setup>
import DefaultTheme from 'vitepress/theme'
import { useRoute } from 'vitepress'
import { computed, onMounted, onUnmounted } from 'vue'
import Home from './Home.vue'
const route = useRoute()
const isHome = computed(() => route.path === '/' || route.path === '/index.html')
function applyLayout() {
if (isHome.value) {
document.documentElement.classList.add('home-layout')
} else {
document.documentElement.classList.remove('home-layout')
}
}
onMounted(applyLayout)
onUnmounted(() => {
document.documentElement.classList.remove('home-layout')
})
</script>
<template>
<Home v-if="isHome" />
<DefaultTheme.Layout v-else />
</template>