::: demo

<<< @/filepath

:::

========================>

上面的 @/filepath 文件内容就是下面的。是否能够支持我在 markdown 文件外写好示例，用代码块的方式导入到markdown文件，渲染出效果的同时将源代码展示出来，目前测试好像不支持，下面的方式可以正常显示。上面的不行

::: demo

<template>
  <div class="box-vue">Vue {{ message }}</div>
  <a-button @click="handle" type="primary">winyh</a-button>
</template>
<script>
  export default {
    data: () => ({ message: "Hello World" }),
    methods: {
      handle(e) {
        console.log(e.target.nodeName);
      },
    },
  };
</script>
<style>
  .box-vue {
    color: red;
  }
</style>

:::

改了一下，可以满足块导入了
⬇️⬇️⬇️⬇️⬇️⬇️

:::demo
<<< @/examples/ButtonExample/index.vue
:::

const fs = require("fs")

const filepath = tokens[idx + 1].type === 'fence' ? tokens[idx + 1].src : '';
const source = fs.readFileSync(filepath).toString();

::: demo

<<< @/filepath

:::
========================>
上面的 @/filepath 文件内容就是下面的。是否能够支持我在 markdown 文件外写好示例，用代码块的方式导入到markdown文件，渲染出效果的同时将源代码展示出来，目前测试好像不支持，下面的方式可以正常显示。上面的不行
::: demo

<template>
  <div class="box-vue">Vue {{ message }}</div>
  <a-button @click="handle" type="primary">winyh</a-button>
</template>
<script>
  export default {
    data: () => ({ message: "Hello World" }),
    methods: {
      handle(e) {
        console.log(e.target.nodeName);
      },
    },
  };
</script>
<style>
  .box-vue {
    color: red;
  }
</style>

:::

改了一下，可以满足块导入了 ⬇️⬇️⬇️⬇️⬇️⬇️

:::demo <<< @/examples/ButtonExample/index.vue :::

const fs = require("fs")

const filepath = tokens[idx + 1].type === 'fence' ? tokens[idx + 1].src : ''; const source = fs.readFileSync(filepath).toString();

求教具体该怎么改造？@winyh