kimi-code/docs/.vitepress/theme/components/HomeLayout.vue
2026-05-22 15:54:50 +08:00

38 lines
977 B
Vue

<script setup lang="ts">
import DefaultTheme from 'vitepress/theme'
import { useData } from 'vitepress'
import HomeHero from './HomeHero.vue'
import HomeFeatures from './HomeFeatures.vue'
import HomeQuickStart from './HomeQuickStart.vue'
const { Layout } = DefaultTheme
const { frontmatter } = useData()
</script>
<template>
<Layout>
<template v-if="frontmatter.layout === 'home'" #home-hero-before>
<div class="KimiHome">
<HomeHero />
</div>
</template>
<template v-if="frontmatter.layout === 'home'" #home-features-after>
<div class="KimiHome">
<HomeQuickStart />
<HomeFeatures />
</div>
</template>
</Layout>
</template>
<style>
/* Hide the default hero + features rendered by VitePress when our custom home is active.
We keep frontmatter.layout: home so VitePress still applies layout-specific behavior. */
.VPHome > .VPHero {
display: none;
}
.VPHome > .VPFeatures {
display: none;
}
</style>