rename vuepress-plugin-demo-block-vue3

Author: seepine

docs/.vuepress/config.js

@@ -2,7 +2,7 @@ const { path } = require("@vuepress/utils");
 
 module.exports = {
   host: "0.0.0.0",
-  title: "vuepress2-plugin-demo-block",
+  title: "vuepress-plugin-demo-block-vue3",
   description: "编写组件库文档的增加 Vue 展示和代码示例",
   port: 6688,
   // head: [
@@ -35,7 +35,7 @@ module.exports = {
       },
       {
         text: "GitHub",
-        link: "https://github.com/seepine/vuepress2-plugin-demo-block.git",
+        link: "https://github.com/seepine/vuepress-plugin-demo-block-vue3.git",
       },
     ],
     sidebar: {

docs/guide/get-started.md

@@ -29,4 +29,5 @@ button/base
 ## 参考示例
 
 - [vuepress-plugin-demo-container](https://github.com/calebman/vuepress-plugin-demo-container)
-- [Element Plus ](https://element-plus.gitee.io/zh-CN/component/alert.html)
+- [Element Plus ](https://element-plus.gitee.io/zh-CN/component/alert.html)
+- [vuepress-plugin-demo-container-vue3](https://github.com/cjSound/vuepress-plugin-demo-container-vue3)

docs/guide/install.md

@@ -8,16 +8,16 @@
 
 ### 安装插件
 
-使用 `yarn` 安装 `vuepress2-plugin-demo-block` 插件
+使用 `yarn` 安装 `vuepress-plugin-demo-block-vue3` 插件
 
 ```bash
-yarn add vuepress2-plugin-demo-block -D
+yarn add vuepress-plugin-demo-block-vue3 -D
 ```
 
 或者使用 `npm` 安装它：
 
 ```bash
-npm i vuepress2-plugin-demo-block --save-dev
+npm i vuepress-plugin-demo-block-vue3 --save-dev
 ```
 
 如果你的网络环境不佳，推荐使用 [cnpm](https://github.com/cnpm/cnpm)。
@@ -32,7 +32,7 @@ npm i vuepress2-plugin-demo-block --save-dev
 module.exports = {
   ...
   plugins: [[
-    'vuepress2-plugin-demo-block',
+    'vuepress-plugin-demo-block-vue3',
     {
       componentsDir: path.resolve(__dirname, './../examples')
     }

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "vuepress2-plugin-demo-block",
-  "version": "1.0.3",
+  "name": "vuepress-plugin-demo-block-vue3",
+  "version": "1.0.0",
   "description": "Vuepress2 plugin for demo block support vue3.",
   "main": "src/index.js",
   "scripts": {
@@ -13,7 +13,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/seepine/vuepress2-plugin-demo-block.git"
+    "url": "https://github.com/seepine/vuepress-plugin-demo-block-vue3.git"
   },
   "dependencies": {
     "escape-html": "1.0.3",
@@ -36,7 +36,7 @@
   "author": "seepine",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/seepine/vuepress2-plugin-demo-block/issues"
+    "url": "https://github.com/seepine/vuepress-plugin-demo-block-vue3/issues"
   },
-  "homepage": "https://github.com/seepine/vuepress2-plugin-demo-block"
+  "homepage": "https://github.com/seepine/vuepress-plugin-demo-block-vue3"
 }

src/DemoBlock.vue

@@ -189,8 +189,6 @@ export default {
 .demo-block .meta {
   background-color: var(--c-bg-light);
   border: solid 1px var(--c-border);
-  /* border-left: solid 1px var(--c-border); */
-  /* border-right: solid 1px var(--c-border); */
   margin: -1px;
   border-radius: 3px;
   overflow: hidden;
@@ -199,6 +197,7 @@ export default {
 }
 .dark .demo-block .meta {
   background-color: var(--c-bg-lighter);
+  margin: 0;
 }
 .demo-block .description {
   padding: 10px 20px;