fetchComponentExample
获取组件示例代码的函数。
概述
获取组件的示例代码。
<script setup lang="ts">
const example = await fetchComponentExample('UButton')
console.log(example.code) // 示例代码
console.log(example.description) // 示例说明
</script>
显示代码示例
<template>
<div>
<h3>{{ example.title }}</h3>
<p>{{ example.description }}</p>
<UCodeBlock
:code="example.code"
language="vue"
/>
</div>
</template>
<script setup lang="ts">
const example = await fetchComponentExample('UButton')
</script>
API
fetchComponentExample(name)
获取组件示例代码。
参数
name
string required
组件示例名称（PascalCase）。
Changelog
586a5 — ✨ feat: 添加 Nuxt 文档主题 layer 核心代码