我目前正在使用 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 安装的。