feat: support vuepress v2

BREAKING CHANGE: remove vuepress-plugin-code-copy
"You cannot use other plugins in your plugin anymore, which avoids lots of
potential issues caused by plugin nesting. If your plugin depends on other plugins, you should list
them in the docs."

fix #41

Author: BuptStEve

README-zh_CN.md

@@ -110,7 +110,6 @@ module.exports = {
         embed: '',
       },
       demoCodeMark: 'demo-code',
-      copyOptions: { ... },
     }]
   ],
 }
@@ -178,12 +177,6 @@ vue 的语义化版本字符串。想要了解更多的语义化版本格式，
 
 插件的标记，即跟在 `:::` 后的标记。
 
-### copyOptions
-* 类型：`Object/Boolean`
-* 默认值：`{ align: 'top', selector: '.demo-and-code-wrapper div[class*="language-"] pre' }`
-
-透传 [vuepress-plugin-code-copy](https://github.com/znicholasbrown/vuepress-plugin-code-copy#options) 的参数，或传 `false` 禁用它。
-
 ## Related
 * [vuepress-plugin-demo-block](https://github.com/xiguaxigua/vuepress-plugin-demo-block)
 

README.md

@@ -110,7 +110,6 @@ module.exports = {
         embed: '',
       },
       demoCodeMark: 'demo-code',
-      copyOptions: { ... },
     }]
   ],
 }
@@ -178,12 +177,6 @@ It passes [CodeSandbox options](https://codesandbox.io/docs/importing#define-api
 
 The mark of the plugin, follows the tag after `:::`.
 
-### copyOptions
-* Type: `Object/Boolean`
-* Default: `{ align: 'top', selector: '.demo-and-code-wrapper div[class*="language-"] pre' }`
-
-It passes [vuepress-plugin-code-copy](https://github.com/znicholasbrown/vuepress-plugin-code-copy#options)'s options, or `false` to disable it.
-
 ## Related
 * [vuepress-plugin-demo-block](https://github.com/xiguaxigua/vuepress-plugin-demo-block)
 

docs/.vuepress/config.ts

@@ -0,0 +1,85 @@
+import { defineUserConfig } from 'vuepress'
+import type { DefaultThemeOptions } from 'vuepress'
+
+import demoCode from '../../src/node'
+import { name, description } from '../../package.json'
+
+const ecosystemItems = [
+    { text: '📖markdown-it-vuese', link: 'https://buptsteve.github.io/markdown-it-vuese/' },
+]
+
+export default defineUserConfig<DefaultThemeOptions>({
+    base: `/${name}/`,
+    locales: {
+        '/': { lang: 'en-US', title: 'demo-code', description },
+        '/zh/': {
+            lang: 'zh-CN',
+            title: 'demo-code',
+            description: '📝 同时展示 demo 和 code 的 vuepress 插件',
+        },
+    },
+    head: [
+        ['link', { rel: 'icon', href: '/favicon.ico' }],
+        ['link', { rel: 'stylesheet', href: 'https://unpkg.com/animate.css@3.7.0/animate.min.css' }],
+    ],
+    plugins: [
+        ['smooth-scroll'],
+        [demoCode, {
+            cssLibs: [
+                'https://unpkg.com/animate.css@3.7.0/animate.min.css',
+            ],
+            vueVersion: '^3',
+            showText: 'show more',
+            hideText: 'hide',
+        }],
+        require('./include-plugin'),
+        [
+          '@vuepress/plugin-search',
+          {
+            locales: {
+              '/': {
+                placeholder: 'Search',
+              },
+              '/zh/': {
+                placeholder: '搜索',
+              },
+            },
+          },
+        ],
+    ],
+    themeConfig: {
+        repo: 'BuptStEve/' + name,
+        docsDir: 'docs',
+        contributors: false,
+        locales: {
+            '/': {
+                selectLanguageText: '🌍Languages',
+                selectLanguageName: 'English',
+                editLinkText: 'Edit this page on GitHub',
+                navbar: [
+                    { text: '🌱Guide', link: '/' },
+                    { text: '😎Example', link: '/example/' },
+                    { text: '🔥Ecosystem', children: ecosystemItems },
+                ],
+                sidebar: [
+                    { text: '🌱Guide', link: '/' },
+                    { text: '😎Example', link: '/example/' },
+                ],
+            },
+            '/zh/': {
+                selectLanguageText: '🌍选择语言',
+                selectLanguageName: '简体中文',
+                editLinkText: '在 GitHub 上编辑此页',
+                navbar: [
+                    { text: '🌱指南', link: '/zh/' },
+                    { text: '😎示例', link: '/zh/example/' },
+                    { text: '🔥生态系统', children: ecosystemItems },
+                ],
+                sidebar: [
+                    { text: '🌱指南', link: '/zh/' },
+                    { text: '😎示例', link: '/zh/example/' },
+                ],
+            },
+        },
+    },
+})

docs/.vuepress/include-plugin.js

@@ -0,0 +1,13 @@
+
+module.exports = () => {
+  return {
+    name: 'vuepress-plugin-include',
+    extendsMarkdown: (md) => {
+      md.use(require('markdown-it-include'), {
+        root: './docs/',
+        includeRe: /<\[include\](.+)/i,
+        bracesAreOptional: true,
+      })
+    },
+  }
+}

jest.config.js

@@ -5,13 +5,13 @@ module.exports = {
   collectCoverage: true,
   collectCoverageFrom: [
     'src/**',
-    '!src/icons/**',
-    '!src/highlight.js',
-    '!src/enhanceAppFile.js',
+    '!src/client/icons/**',
+    '!src/client/highlight.js',
+    '!src/client/enhanceAppFile.js',
   ],
   coveragePathIgnorePatterns: ['/__snapshots__/'],
   transform: {
-    '^.+\\.vue$': 'vue-jest',
+    '^.+\\.vue$': '@vue/vue3-jest',
     '^.+\\.jsx?$': 'babel-jest',
     '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-plugin-demo-code",
-  "version": "1.0.0",
+  "version": "2.0.0-beta.0",
   "description": "📝 Demo and code plugin for vuepress",
   "main": "src/node/index.js",
   "types": "src/node/index.d.ts",
@@ -29,43 +29,49 @@
     }
   },
   "dependencies": {
-    "codesandbox-import-utils": "^2.2.3",
-    "markdown-it-container": "^3.0.0",
-    "prismjs": "^1.28.0",
-    "vuepress-plugin-code-copy": "^1.0.6"
+    "@amoutonbrady/lz-string": "^0.0.1",
+    "markdown-it-container": "^3.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/eslint-parser": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "@vue/test-utils": "^1.3.0",
+    "@babel/core": "^7.16.0",
+    "@babel/eslint-parser": "^7.16.3",
+    "@babel/preset-env": "^7.16.4",
+    "@commitlint/cli": "^15.0.0",
+    "@commitlint/config-conventional": "^15.0.0",
+    "@types/escape-html": "^1.0.1",
+    "@types/jest": "^27.4.1",
+    "@vue/compiler-sfc": "^3.2.24",
+    "@vue/test-utils": "^2.0.0-rc.17",
+    "@vue/vue3-jest": "^27.0.0-alpha.4",
+    "@vuepress/client": "2.0.0-beta.43",
+    "@vuepress/plugin-search": "^2.0.0-beta.38",
     "all-contributors-cli": "^6.20.0",
     "babel-core": "^7.0.0-bridge.0",
-    "bumpp": "^7.1.1",
-    "codecov": "^3.8.3",
+    "babel-jest": "^27.4.2",
+    "codecov": "^3.8.2",
     "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^7.32.0",
+    "eslint": "^8.4.1",
     "eslint-config-standard": "^16.0.3",
     "eslint-config-vue": "^2.0.2",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.2.0",
-    "eslint-plugin-standard": "^5.0.0",
-    "eslint-plugin-vue": "^7.20.0",
+    "eslint-plugin-vue": "^8.2.0",
     "gh-pages": "^3.2.3",
-    "husky": "^6.0.0",
-    "jest": "^27.5.1",
+    "husky": "^7.0.4",
+    "jest": "^27.4.3",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
-    "lint-staged": "^11.2.6",
+    "lint-staged": "^12.1.2",
+    "markdown-it": "^13.0.0",
     "markdown-it-include": "^2.0.0",
     "rimraf": "^3.0.2",
     "standard-version": "^9.3.2",
-    "vue-jest": "^3.0.7",
-    "vuepress": "^1.9.7",
+    "ts-jest": "^27.1.4",
+    "typescript": "^4.6.4",
+    "vue": "^3.2.33",
+    "vuepress": "^2.0.0-beta.38",
     "vuepress-plugin-smooth-scroll": "^0.0.10"
   },
   "keywords": [