feat: 本地调试修改

package.json

@@ -4,6 +4,7 @@
   "description": "Vuepress plugin for demo-block & code-edit",
   "main": "dist/ggg3.es.js",
   "module": "dist/ggg3.es.js",
+  "type": "module",
   "scripts": {
     "build": "vite build ."
   },
@@ -12,6 +13,7 @@
     "@codemirror/theme-one-dark": "^6.1.1",
     "@rollup/plugin-commonjs": "24.1.0-0",
     "@vue/shared": "^3.2.37",
+    "@vuepress/core": "2.0.0-beta.61",
     "@vueuse/core": "^9.1.0",
     "ansi-styles": "^6.2.1",
     "chalk": "^4.1.2",
@@ -26,6 +28,7 @@
   },
   "peerDependencies": {
     "@vuepress/client": "2.0.0-beta.61",
+    "@vuepress/core": "2.0.0-beta.61",
     "vue": "^3.2.47",
     "vuepress": "2.0.0-beta.61"
   },

pnpm-lock.yaml

@@ -7,6 +7,7 @@ specifiers:
   '@types/markdown-it': ^12.2.3
   '@vue/shared': ^3.2.37
   '@vuepress/client': 2.0.0-beta.61
+  '@vuepress/core': 2.0.0-beta.61
   '@vueuse/core': ^9.1.0
   ansi-styles: ^6.2.1
   chalk: ^4.1.2
@@ -27,6 +28,7 @@ dependencies:
   '@codemirror/theme-one-dark': 6.1.1
   '@rollup/plugin-commonjs': 24.1.0-0
   '@vue/shared': 3.2.47
+  '@vuepress/core': 2.0.0-beta.61
   '@vueuse/core': 9.13.0_vue@3.2.47
   ansi-styles: 6.2.1
   chalk: 4.1.2
@@ -388,7 +390,6 @@ packages:
     dependencies:
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/plugin-frontmatter/0.12.0:
     resolution: {integrity: sha512-26Y3JktjGgNoCVH7NLqi5RcdAauAqxepTt2qXueRcRHtGpiRQV2/M1FveIhCOTCtHSuG5bBOHUxGaV6vRK3Vbw==}
@@ -397,7 +398,6 @@ packages:
       '@types/markdown-it': 12.2.3
       gray-matter: 4.0.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/plugin-headers/0.12.0:
     resolution: {integrity: sha512-7qR63J2uc/rXbjHT77WoYBm9imwzx1tVESmRK+Uth6kqFvSWAXAFPcm4PBatGEE8TgzhklPs5BTcQtQhmmsyaw==}
@@ -406,7 +406,6 @@ packages:
       '@mdit-vue/types': 0.12.0
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/plugin-sfc/0.12.0:
     resolution: {integrity: sha512-mH+rHsERzDxGucAQJILspRiD723AIWMmtMhp7lDKdkCIbIhYfupFv/CkSeX+LAx5UY5greWvUTPGYVKn4gw/5Q==}
@@ -414,7 +413,6 @@ packages:
       '@mdit-vue/types': 0.12.0
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/plugin-title/0.12.0:
     resolution: {integrity: sha512-XrQcior1EmPgsDG88KsoF4LUSQw/RS1Nyfn5xNWGiurO70a2hml4kCe0XzT4sLKUAPG0HNbIY6b92ezNezqWTg==}
@@ -423,7 +421,6 @@ packages:
       '@mdit-vue/types': 0.12.0
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/plugin-toc/0.12.0:
     resolution: {integrity: sha512-tT985CqvLp17DFWHrSvmmJbh7qcy0Rl0dBbYN//Fn952a04dbr1mb2LqW0B1oStSAQj2q24HpK4ZPgYOt7Z1Jg==}
@@ -432,7 +429,6 @@ packages:
       '@mdit-vue/types': 0.12.0
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/shared/0.12.0:
     resolution: {integrity: sha512-E+sGSubhvnp+Gmb2hJXFDxdLwwQD1H52EVbA4yrxxI5q/cwtnPIN2eJU3zlZB9KcvzXYDFFwt/x2mfhK8RZKBg==}
@@ -440,11 +436,9 @@ packages:
       '@mdit-vue/types': 0.12.0
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /@mdit-vue/types/0.12.0:
     resolution: {integrity: sha512-mrC4y8n88BYvgcgzq9bvTlDgFyi2zuvzmPilRvRc3Uz1iIvq8mDhxJ0rHKFUNzPEScpDvJdIujqiDrulMqiudA==}
-    dev: true
 
   /@nodelib/fs.scandir/2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -499,7 +493,6 @@ packages:
     resolution: {integrity: sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==}
     dependencies:
       '@types/ms': 0.7.31
-    dev: true
 
   /@types/estree/1.0.0:
     resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
@@ -510,46 +503,37 @@ packages:
     dependencies:
       '@types/jsonfile': 6.1.1
       '@types/node': 18.15.3
-    dev: true
 
   /@types/hash-sum/1.0.0:
     resolution: {integrity: sha512-FdLBT93h3kcZ586Aee66HPCVJ6qvxVjBlDWNmxSGSbCZe9hTsjRKdSsl4y1T+3zfujxo9auykQMnFsfyHWD7wg==}
-    dev: true
 
   /@types/jsonfile/6.1.1:
     resolution: {integrity: sha512-GSgiRCVeapDN+3pqA35IkQwasaCh/0YFH5dEF6S88iDvEn901DjOeH3/QPY+XYP1DFzDZPvIvfeEgk+7br5png==}
     dependencies:
       '@types/node': 18.15.3
-    dev: true
 
   /@types/linkify-it/3.0.2:
     resolution: {integrity: sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==}
-    dev: true
 
   /@types/markdown-it-emoji/2.0.2:
     resolution: {integrity: sha512-2ln8Wjbcj/0oRi/6VnuMeWEHHuK8uapFttvcLmDIe1GKCsFBLOLBX+D+xhDa9oWOQV0IpvxwrSfKKssAqqroog==}
     dependencies:
       '@types/markdown-it': 12.2.3
-    dev: true
 
   /@types/markdown-it/12.2.3:
     resolution: {integrity: sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==}
     dependencies:
       '@types/linkify-it': 3.0.2
       '@types/mdurl': 1.0.2
-    dev: true
 
   /@types/mdurl/1.0.2:
     resolution: {integrity: sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==}
-    dev: true
 
   /@types/ms/0.7.31:
     resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
-    dev: true
 
   /@types/node/18.15.3:
     resolution: {integrity: sha512-p6ua9zBxz5otCmbpb5D3U4B5Nanw6Pk3PPyX05xnxbB/fRv71N7CPmORg7uAD5P70T0xmx1pzAx/FUfa5X+3cw==}
-    dev: true
 
   /@types/web-bluetooth/0.0.16:
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
@@ -601,7 +585,6 @@ packages:
 
   /@vue/devtools-api/6.5.0:
     resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
-    dev: true
 
   /@vue/reactivity-transform/3.2.47:
     resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
@@ -691,7 +674,6 @@ packages:
       '@vuepress/shared': 2.0.0-beta.61
       vue: 3.2.47
       vue-router: 4.1.6_vue@3.2.47
-    dev: true
 
   /@vuepress/core/2.0.0-beta.61:
     resolution: {integrity: sha512-jPr60d/uadgBmEQhXCRLNOm2M4Ym65lvZhGf/wyZCo14kpacp2YoO7RR8bzp/NEpWe7ndr/U8O/VDjFYTsz80g==}
@@ -703,7 +685,6 @@ packages:
       vue: 3.2.47
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@vuepress/markdown/2.0.0-beta.61:
     resolution: {integrity: sha512-vzj933XxsfE9B+1kdMXncYtYU7TGTLjWP+qeikVsy5imq2BXa/n3OFVGyGkkdOYmu05hkm82+07dOvtGA+iMBQ==}
@@ -726,7 +707,6 @@ packages:
       mdurl: 1.0.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@vuepress/plugin-active-header-links/2.0.0-beta.61:
     resolution: {integrity: sha512-+bbzb4YqnuTOANvSmJq8hbp60Tl3jLMiaZdkHKxKK9lDODGfTB8uAlH+KvuvxxuLm+Za186r+2PtBwJby773fA==}
@@ -851,7 +831,6 @@ packages:
     dependencies:
       '@mdit-vue/types': 0.12.0
       '@vue/shared': 3.2.47
-    dev: true
 
   /@vuepress/theme-default/2.0.0-beta.61:
     resolution: {integrity: sha512-ajjxaGqrSy5LXf+7sslHV1fbUzggMYjITcXxBYa3gT4zVu1tsytAAcmtYxnQKblL1Eo2Wo7inujl/NUwaWDjDQ==}
@@ -900,7 +879,6 @@ packages:
       upath: 2.0.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@vueuse/core/9.13.0_vue@3.2.47:
     resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
@@ -927,7 +905,6 @@ packages:
   /ansi-regex/6.0.1:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
-    dev: true
 
   /ansi-styles/4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
@@ -953,7 +930,6 @@ packages:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
     dependencies:
       sprintf-js: 1.0.3
-    dev: true
 
   /argparse/2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
@@ -980,7 +956,6 @@ packages:
 
   /base64-js/1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-    dev: true
 
   /binary-extensions/2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
@@ -993,7 +968,6 @@ packages:
       buffer: 6.0.3
       inherits: 2.0.4
       readable-stream: 3.6.2
-    dev: true
 
   /brace-expansion/2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
@@ -1023,7 +997,6 @@ packages:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
-    dev: true
 
   /cac/6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
@@ -1045,7 +1018,6 @@ packages:
   /chalk/5.2.0:
     resolution: {integrity: sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-    dev: true
 
   /chokidar/3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
@@ -1067,17 +1039,14 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       restore-cursor: 4.0.0
-    dev: true
 
   /cli-spinners/2.7.0:
     resolution: {integrity: sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==}
     engines: {node: '>=6'}
-    dev: true
 
   /clone/1.0.4:
     resolution: {integrity: sha1-2jCcwmPfFZlMaIypAheco8fNfH4=}
     engines: {node: '>=0.8'}
-    dev: true
 
   /codemirror/6.0.1:
     resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
@@ -1141,20 +1110,17 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.2
-    dev: true
 
   /defaults/1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
     dependencies:
       clone: 1.0.4
-    dev: true
 
   /dir-glob/3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
     dependencies:
       path-type: 4.0.0
-    dev: true
 
   /electron-to-chromium/1.4.331:
     resolution: {integrity: sha512-tdtr9y9oJl8VDiS+HeB6e/JDJqdDGjIk3yRfEMHm5rDnWQ/D5SbafybAayInxolbfbH6pouV5g7ZUAwE/WVtHw==}
@@ -1422,7 +1388,6 @@ packages:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
-    dev: true
 
   /estree-walker/2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
@@ -1447,7 +1412,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extendable: 0.1.1
-    dev: true
 
   /fast-glob/3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
@@ -1481,7 +1445,6 @@ packages:
       graceful-fs: 4.2.10
       jsonfile: 6.1.0
       universalify: 2.0.0
-    dev: true
 
   /fs.realpath/1.0.0:
     resolution: {integrity: sha1-FQStJSMVjKpA20onh8sBQRmU6k8=}
@@ -1530,11 +1493,9 @@ packages:
       ignore: 5.2.4
       merge2: 1.4.1
       slash: 4.0.0
-    dev: true
 
   /graceful-fs/4.2.10:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: true
 
   /gray-matter/4.0.3:
     resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
@@ -1544,7 +1505,6 @@ packages:
       kind-of: 6.0.3
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
-    dev: true
 
   /has-flag/4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -1560,7 +1520,6 @@ packages:
 
   /hash-sum/2.0.0:
     resolution: {integrity: sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==}
-    dev: true
 
   /human-signals/4.3.0:
     resolution: {integrity: sha512-zyzVyMjpGBX2+6cDVZeFPCdtOtdsxOeseRhB9tkQ6xXmGUNrcnBzdEKPy3VPNYz+4gy1oukVOXcrJCunSyc6QQ==}
@@ -1569,12 +1528,10 @@ packages:
 
   /ieee754/1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-    dev: true
 
   /ignore/5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
     engines: {node: '>= 4'}
-    dev: true
 
   /immutable/4.3.0:
     resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
@@ -1606,7 +1563,6 @@ packages:
   /is-extendable/0.1.1:
     resolution: {integrity: sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /is-extglob/2.1.1:
     resolution: {integrity: sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=}
@@ -1621,7 +1577,6 @@ packages:
   /is-interactive/2.0.0:
     resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
     engines: {node: '>=12'}
-    dev: true
 
   /is-number/7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
@@ -1641,7 +1596,6 @@ packages:
   /is-unicode-supported/1.3.0:
     resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
     engines: {node: '>=12'}
-    dev: true
 
   /isexe/2.0.0:
     resolution: {integrity: sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=}
@@ -1653,7 +1607,6 @@ packages:
     dependencies:
       argparse: 1.0.10
       esprima: 4.0.1
-    dev: true
 
   /jsonfile/6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
@@ -1661,12 +1614,10 @@ packages:
       universalify: 2.0.0
     optionalDependencies:
       graceful-fs: 4.2.10
-    dev: true
 
   /kind-of/6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /lilconfig/2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
@@ -1684,7 +1635,6 @@ packages:
     dependencies:
       chalk: 5.2.0
       is-unicode-supported: 1.3.0
-    dev: true
 
   /magic-string/0.25.9:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
@@ -1706,14 +1656,12 @@ packages:
     dependencies:
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-    dev: true
 
   /markdown-it-container/3.0.0:
     resolution: {integrity: sha512-y6oKTq4BB9OQuY/KLfk/O3ysFhB3IMYoIWhGJEidXt1NQFocFK2sA2t0NYZAMyMShAGL6x5OPIbrmXPIqaN9rw==}
 
   /markdown-it-emoji/2.0.2:
     resolution: {integrity: sha512-zLftSaNrKuYl0kR5zm4gxXjHaOI3FAOEaloKmRA5hijmJZvSjmxcokOLlzycb/HXlUFWzXqpIEoyEMCE4i9MvQ==}
-    dev: true
 
   /markdown-it/13.0.1:
     resolution: {integrity: sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==}
@@ -1750,7 +1698,6 @@ packages:
   /mimic-fn/2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
-    dev: true
 
   /mimic-fn/4.0.0:
     resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
@@ -1766,7 +1713,6 @@ packages:
 
   /ms/2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
 
   /nanoid/3.3.4:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
@@ -1805,7 +1751,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       mimic-fn: 2.1.0
-    dev: true
 
   /onetime/6.0.0:
     resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
@@ -1827,7 +1772,6 @@ packages:
       log-symbols: 5.1.0
       strip-ansi: 7.0.1
       wcwidth: 1.0.1
-    dev: true
 
   /path-key/3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -1846,7 +1790,6 @@ packages:
   /path-type/4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
-    dev: true
 
   /picocolors/1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@@ -1898,7 +1841,6 @@ packages:
       inherits: 2.0.4
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
-    dev: true
 
   /readdirp/3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
@@ -1922,7 +1864,6 @@ packages:
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
-    dev: true
 
   /reusify/1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
@@ -1951,7 +1892,6 @@ packages:
 
   /safe-buffer/5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-    dev: true
 
   /sass/1.59.3:
     resolution: {integrity: sha512-QCq98N3hX1jfTCoUAsF3eyGuXLsY7BCnCEg9qAact94Yc21npG2/mVOqoDvE0fCbWDqiM4WlcJQla0gWG2YlxQ==}
@@ -1969,7 +1909,6 @@ packages:
     dependencies:
       extend-shallow: 2.0.1
       kind-of: 6.0.3
-    dev: true
 
   /shebang-command/2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -1985,12 +1924,10 @@ packages:
 
   /signal-exit/3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
-    dev: true
 
   /slash/4.0.0:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
-    dev: true
 
   /source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
@@ -2005,25 +1942,21 @@ packages:
 
   /sprintf-js/1.0.3:
     resolution: {integrity: sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=}
-    dev: true
 
   /string_decoder/1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
     dependencies:
       safe-buffer: 5.2.1
-    dev: true
 
   /strip-ansi/7.0.1:
     resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
     engines: {node: '>=12'}
     dependencies:
       ansi-regex: 6.0.1
-    dev: true
 
   /strip-bom-string/1.0.0:
     resolution: {integrity: sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /strip-final-newline/3.0.0:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
@@ -2066,12 +1999,10 @@ packages:
   /universalify/2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
     engines: {node: '>= 10.0.0'}
-    dev: true
 
   /upath/2.0.1:
     resolution: {integrity: sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==}
     engines: {node: '>=4'}
-    dev: true
 
   /update-browserslist-db/1.0.10_browserslist@4.21.5:
     resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==}
@@ -2086,7 +2017,6 @@ packages:
 
   /util-deprecate/1.0.2:
     resolution: {integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=}
-    dev: true
 
   /vite/2.9.15:
     resolution: {integrity: sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==}
@@ -2180,7 +2110,6 @@ packages:
     dependencies:
       '@vue/devtools-api': 6.5.0
       vue: 3.2.47
-    dev: true
 
   /vue/3.2.47:
     resolution: {integrity: sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==}
@@ -2245,7 +2174,6 @@ packages:
     resolution: {integrity: sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=}
     dependencies:
       defaults: 1.0.4
-    dev: true
 
   /which/2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}

src/CodeEdit.vue

+<script>
+import { Codemirror } from 'vue-codemirror'
+import { javascript } from '@codemirror/lang-javascript'
+import { oneDark } from '@codemirror/theme-one-dark'
+export default {
+    name: 'CodeEdit',
+    components: {
+        Codemirror,
+    },
+    data() {
+        return {
+            source: '',
+            codeSource: '',
+            extensions: [javascript(), oneDark],
+        }
+    },
+    mounted() {
+        const source = sessionStorage.getItem('gcodeSource')
+        this.source = source
+        this.codeSource = decodeURIComponent(this.source)
+        this.handleRun()
+    },
+    methods: {
+        onCtrlSClick(event) {
+            event.preventDefault()
+            this.handleRun()
+        },
+        handleRun() {
+            fetch(`/updateTemp?codesource=${encodeURIComponent(this.codeSource)}`)
+        },
+        handleReset() {
+            const res = window.confirm('确认要重置吗？')
+            if (res) {
+                const code = sessionStorage.getItem('gcodeSource')
+                this.source = code
+                this.codeSource = decodeURIComponent(this.source)
+            }
+        },
+        handleRefresh() {
+            this.$refs.gframe.contentWindow.location.reload()
+        },
+    },
+}
+</script>
+
+<template>
+  <ClientOnly>
+    <div class="kf-preview-block">
+      <div class="operate-container">
+        <span class="btn" @click="handleRun"> 运行(ctrl + s) </span>
+        <span class="btn" @click="handleReset"> 重置代码 </span>
+        <span class="btn" @click="handleRefresh"> 刷新效果 </span>
+      </div>
+      <div class="preview-panel">
+        <div class="preview-source" @keydown.ctrl.s="onCtrlSClick">
+          <Codemirror
+            v-model="codeSource" placeholder="Code goes here..." :autofocus="true" language="javascript"
+            :extensions="extensions" :indent-with-tab="true" :tab-size="2"
+          />
+        </div>
+        <div class="preview-code">
+          <iframe ref="gframe" src="/gpreview" />
+        </div>
+      </div>
+    </div>
+  </ClientOnly>
+</template>
+
+<style>
+/* 重写样式 ==============start============== */
+.navbar {
+    display: none;
+}
+.theme-default-content {
+    max-width: 100% !important;
+}
+iframe {
+    width: 100%;
+    height: 100%;
+}
+
+/* 重新样式 ===============end============= */
+.kf-preview-block .btn {
+    color: #1f93ff;
+    cursor: pointer;
+    margin-left: 16px;
+}
+.kf-preview-block {
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    border: solid 1px #ebebeb;
+    border-radius: 3px;
+    transition: 0.3s;
+    height: 85vh;
+    overflow: hidden;
+}
+.kf-preview-block .operate-container {
+    text-align: right;
+    padding-right: 40px;
+    border-bottom: solid 1px #ebebeb;
+}
+.kf-preview-block .preview-header {
+    display: flex;
+    align-items: center;
+    height: 60px;
+}
+.kf-preview-block .preview-panel {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+}
+.kf-preview-block .preview-source {
+    display: block;
+    width: 50%;
+    background-color: #f3f4f5;
+    overflow: auto;
+}
+.kf-preview-block .preview-code {
+    display: block;
+    width: 50%;
+    padding: 24px;
+}
+.kf-preview-block .CodeMirror.cm-s-monokai {
+    height: 100%;
+}
+</style>

src/Demo.vue

+
+
+<template>
+    <ClientOnly>
+        <div class="kf-demo-block" :class="[{ hover: hovering }]" @mouseenter="hovering = true"
+            @mouseleave="hovering = false">
+            <!-- danger here DO NOT USE INLINE SCRIPT TAG -->
+            <p text="sm" v-html="decodedDescription" />
+
+            <div class="example">
+                <component :is="formatPathDemos[path]"></component>
+            </div>
+            <transition name="code-slide">
+                <div v-show="sourceVisible" class="example-source-wrapper">
+                    <div class="example-source language-vue" v-html="decodedCode" />
+                </div>
+            </transition>
+            <div ref="control" :class="['kf-demo-block-control', { 'is-fixed': sourceVisible }]"
+                @click="toggleSourceVisible(!sourceVisible)">
+                <transition name="text-slide">
+                    <i v-show="hovering || sourceVisible">{{ iconClass }}</i>
+                </transition>
+                <transition name="text-slide">
+                    <span v-show="hovering || sourceVisible" class="btn">{{ controlText }}</span>
+                </transition>
+                <div class="control-button-container">
+                    <span v-show="hovering || sourceVisible" size="small" type="text" class="control-button copy-button btn"
+                        @click.stop="handleCopy">
+                        {{ copyMessage }}
+                    </span>
+                    <transition name="text-slide">
+                        <span v-show="hovering || sourceVisible" class="control-button run-online-button btn"
+                            @click.stop="handleCodeView">
+                            在线运行
+                        </span>
+                    </transition>
+                </div>
+            </div>
+        </div>
+    </ClientOnly>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useClipboard, useToggle } from '@vueuse/core'
+const props = defineProps<{
+    demos: object
+    source: string
+    path: string
+    rawSource: string
+    description?: string
+}>()
+const { copy } = useClipboard({
+    source: decodeURIComponent(props.rawSource),
+    read: false,
+})
+let hovering = ref(false);
+let copyMessage = ref('复制代码');
+
+const [sourceVisible, toggleSourceVisible] = useToggle()
+
+const formatPathDemos = computed(() => {
+    return props.demos
+})
+const iconClass = computed(() => {
+    return sourceVisible ? '▲' : '▼';
+})
+const controlText = computed(() => {
+    return sourceVisible ? '隐藏代码' : '显示代码';
+})
+
+const decodedDescription = computed(() =>
+    decodeURIComponent(props.description!)
+)
+const decodedCode = computed(() =>
+    decodeURIComponent(props.source!)
+)
+
+async function handleCopy() {
+    await copy();
+    copyMessage.value = '复制成功🎉';
+    setTimeout(() => {
+        copyMessage.value = '复制代码';
+    }, 2000);
+}
+
+function handleCodeView() {
+    sessionStorage.setItem('gcodeSource', props.rawSource);
+    window.open('/gedit');
+}
+
+</script>
+
+<style lang="scss">
+.kf-demo-block {
+    position: relative;
+    border: solid 1px #ebebeb;
+    padding: 20px;
+    border-radius: 3px;
+    transition: 0.3s;
+    .code-slide-enter,
+    .code-slide-enter-active,
+    .code-slide-leave,
+    .code-slide-leave-active {
+        transition:
+            0.3s max-height ease-in-out,
+            0.3s padding-top ease-in-out,
+            0.3s padding-bottom ease-in-out;
+    }
+    .example {
+        margin-bottom: 20px;
+    }
+    .btn {
+        color: #1f93ff;
+        cursor: pointer;
+        margin-left: 16px;
+    }
+    &.hover {
+        box-shadow: 0 0 8px 0 rgb(232 237 250 / 60%), 0 2px 4px 0 rgb(232 237 250 / 50%);
+    }
+    code {
+        font-family: Menlo, Monaco, Consolas, Courier, monospace;
+    }
+    .demo-button {
+        float: right;
+    }
+    .source {
+        padding: 24px;
+    }
+    .meta {
+        border-top: solid 1px #eaeefb;
+        overflow: hidden;
+        height: 0;
+        transition: height 0.3s;
+    }
+    .description {
+        padding: 20px;
+        box-sizing: border-box;
+        border: solid 1px #ebebeb;
+        border-radius: 3px;
+        font-size: 14px;
+        line-height: 22px;
+        color: #666;
+        word-break: break-word;
+        margin: 10px;
+        p {
+            margin: 0;
+            line-height: 26px;
+        }
+    }
+    .highlight {
+        div[class*="language-"] {
+            border-radius: 0;
+        }
+    }
+    #highlight {
+        & > .language-vue > .language-vue {
+            padding-top: 0;
+            margin-top: 0;
+        }
+    }
+    .kf-demo-block-control {
+        position: relative;
+        z-index: 9;
+        border-top: solid 1px #eaeefb;
+        height: 44px;
+        box-sizing: border-box;
+        // border-bottom-left-radius: 4px;
+        // border-bottom-right-radius: 4px;
+        border: 1px solid #d3dce6;
+        background-color: #eaeefb;
+        text-align: center;
+        margin-top: -1px;
+        color: #d3dce6;
+        cursor: pointer;
+        &.is-fixed {
+            position: sticky;
+            top: 0;
+            bottom: 20px;
+        }
+        >i {
+            position: absolute;
+            transform: translateX(-30px);
+            font-size: 14px;
+            line-height: 44px;
+            transition: 0.3s;
+            display: inline-block;
+            color: #1f93ff;
+        }
+        >span {
+            position: absolute;
+            transform: translateX(-30px);
+            font-size: 14px;
+            line-height: 44px;
+            transition: 0.3s;
+            display: inline-block;
+        }
+        &:hover {
+            // background-color: #f9fafc;
+        }
+        & .text-slide-enter,
+        & .text-slide-leave-active {
+            opacity: 0;
+            transform: translateX(10px);
+        }
+        .control-button-container {
+            line-height: 40px;
+            position: absolute;
+            top: 0;
+            right: 0;
+            padding-left: 5px;
+            padding-right: 25px;
+        }
+        .control-button {
+            font-size: 14px;
+            margin: 0 10px;
+        }
+    }
+}
+</style>

src/gedit.md

+<script setup>
+import CodeEdit from '@temp/CodeEdit.vue'
+</script>
+<ClientOnly>
+    <CodeEdit />
+</ClientOnly>
+

src/gpreview.md

+
+
+<script setup>
+    import tempCmp from '@temp/tempCode.vue';
+</script>
+
+<ClientOnly>
+    <tempCmp />
+</ClientOnly>

src/index.ts

-// import { createPage } from '@vuepress/core'
+import { createPage } from '@vuepress/core'
 import type MarkdownIt from 'markdown-it'
 import { mdPlugin } from './plugins/plugins'
 import { MarkdownTransform } from './plugins/markdown-transform'
@@ -24,16 +24,19 @@ export default function preview2edit() {
                 app.writeTemp('Demo.vue', fs.readFileSync(path.resolve(__dirname, './Demo.vue'))),
                 app.writeTemp('tempCode.vue', ''),
             ])
-            // const editPage = await createPage(app, {
-            //     path: '/gedit.html',
+
+            const editPage = await createPage(app, {
+                path: '/gedit.html',
+                filePath: path.resolve(__dirname, '../../demo/gedit.md')
                 // filePath: path.resolve(__dirname, './gedit.md')
-            // })
-            // app.pages.push(editPage)
-            // const previewPage = await createPage(app, {
-            //     path: '/gpreview.html',
+            })
+            app.pages.push(editPage)
+            const previewPage = await createPage(app, {
+                path: '/gpreview.html',
+                filePath: path.resolve(__dirname, '../../demo/gpreview.md')
                 // filePath: path.resolve(__dirname, './gpreview.md')
-            // })
-            // app.pages.push(previewPage)
+            })
+            app.pages.push(previewPage)
         },
         extendsBundlerOptions: async (bundlerOptions, app) => {
             // 生产模式没有node服务