使用vue组件

在markdown中导入组件

<script setup>
import CustomComponent from '../components/CustomComponent.vue'
</script>

# Docs

This is a .md using a custom component

<CustomComponent />

## More docs

...

能在markdown内使用的vue语法

{{ 1 + 1 }}

<span v-for="i in 3">{{ i }}</span>

获取数据

const {
    page,        // 全局数据
  theme,       // 
} = useData()

<script setup>
import { withBase, useData } from 'vitepress'

const { theme } = useData()
</script>

<template>
  <img :src="withBase(theme.logoPath)" />
</template>