feat: add plugin-demo

Author: Mister-Hope

.vscode/settings.json

@@ -26,6 +26,7 @@
   "cSpell.words": [
     "artalk",
     "bumpp",
+    "codepen",
     "commitlint",
     "composables",
     "darkmode",
@@ -41,6 +42,7 @@
     "giscus",
     "globby",
     "gtag",
+    "jsfiddle",
     "jsonld",
     "katex",
     "lazyload",

docs/.vuepress/config.ts

@@ -7,6 +7,7 @@ import { catalogPlugin } from '@vuepress/plugin-catalog'
 import { commentPlugin } from '@vuepress/plugin-comment'
 import { docsearchPlugin } from '@vuepress/plugin-docsearch'
 import { feedPlugin } from '@vuepress/plugin-feed'
+import { markdownDemoPlugin } from '@vuepress/plugin-markdown-demo'
 import { markdownExtPlugin } from '@vuepress/plugin-markdown-ext'
 import { markdownImagePlugin } from '@vuepress/plugin-markdown-image'
 import { markdownIncludePlugin } from '@vuepress/plugin-markdown-include'
@@ -78,6 +79,11 @@ export default defineUserConfig({
   plugins: [
     catalogPlugin(),
     commentPlugin({ provider: 'Giscus' }),
+    markdownDemoPlugin({
+      html: true,
+      vue: true,
+      react: true,
+    }),
     docsearchPlugin(),
     feedPlugin({
       hostname: 'https://ecosystem.vuejs.press',

docs/package.json

@@ -17,6 +17,7 @@
     "@vuepress/plugin-catalog": "workspace:*",
     "@vuepress/plugin-comment": "workspace:*",
     "@vuepress/plugin-copy-code": "workspace:*",
+    "@vuepress/plugin-markdown-demo": "workspace:*",
     "@vuepress/plugin-docsearch": "workspace:*",
     "@vuepress/plugin-feed": "workspace:*",
     "@vuepress/plugin-markdown-ext": "workspace:*",