如何將 Playground 與 Vue.js 項目集成

Question

如何在我的 Vue 項目中集成一個 Playground，它允許我在組件預覽和它的源代碼之間切換。

就像這個集成到 vuetify 文檔中一樣。
https://vuetifyjs.com/en/components/buttons/#depressed

我想將一個類似的游樂場集成到我的 vuepress 項目中。 是否有任何 package 用於此？

Answer 1

我以前做過一個完全一樣的游樂場，據我所知，這種游樂場沒有 package。

我使用prismjs來格式化我的示例代碼並自定義 javascript 和 css 來為可折疊 window 設置樣式並提供功能。