解析文件为代码组

reco_luan2022-01-29

警告

注意，2.0.0-rc.5 之后的版本取消了 vue-previews 文件夹的能力，所有组件都可以放在文件夹 components 中声明。

输入

@[code-group](@/docs/.vuepress/components/demo.vue)

输出

<template>
  <div class="demo-container">
    <h3 style="widht">My name is {{name}}.</h3>
    <p>This is a vue preview demo.</p>
  </div>
</template>

<script setup lang="ts">
import { useInfo } from "./demo.ts";

const { name } = useInfo()
</script>

<style>
.demo-container {
  width: 300px;
}
</style>

export function useInfo() {
  const name = 'reco'

  return { name }
}