1

我目前正在使用 VuePress 为 Vue 组件库编写文档。例如,使用 VuePress 的降价,我可以显示代码<<< ./path/to/file.vue。这很好,因为 VuePress 使用 prism.js 来显示代码,并且有一个自定义的 prism 语言用于 Vue 语法高亮(分析 html 显示语言-vue 类应用于代码块)。

不,我正在使用 Build 的 Vue 组件来根据组件道具动态显示一些代码片段。

在我的组件中,我使用以下 pre/code 语法。

<pre class="language-vue">
  <code ref="codesnippet">
    {{codeOutput}}
  </code>
</pre>

这会显示一个代码框,但不会将 VuePress 在其代码块中使用的 language-vue CSS 主题应用于它。是否可以以某种方式将其添加到我自己的组件中,因为 prism.js 是由 VuePress 安装的。

4

0 回答 0