如何将 Playground 与 Vue.js 项目集成

Question

如何在我的 Vue 项目中集成一个 Playground，它允许我在组件预览和它的源代码之间切换。

就像这个集成到 vuetify 文档中一样。
https://vuetifyjs.com/en/components/buttons/#depressed

我想将一个类似的游乐场集成到我的 vuepress 项目中。 是否有任何 package 用于此？

Answer 1

我以前做过一个完全一样的游乐场，据我所知，这种游乐场没有 package。

我使用prismjs来格式化我的示例代码并自定义 javascript 和 css 来为可折叠 window 设置样式并提供功能。