create-vuepress-theme-plume 1.0.0-rc.126 → 1.0.0-rc.128

package/lib/index.js

@@ -105,7 +105,7 @@ async function createPackageJson(mode, pkg, {
       let version = await getPackageManagerVersion(packageManager);
       if (version) {
         if (packageManager === "yarn" && version.startsWith("1"))
-          version = "4.5.0";
+          version = "4.6.0";
         pkg.packageManager = `${packageManager}@${version}`;
       }
     }
@@ -547,5 +547,5 @@ var cli = cac("create-vuepress-theme-plume");
 cli.command("[root]", "create a new vuepress-theme-plume project / \u521B\u5EFA\u65B0\u7684 vuepress-theme-plume \u9879\u76EE").action((root) => run(1 /* create */, root));
 cli.command("init [root]", "Initial vuepress-theme-plume in the existing project / \u5728\u73B0\u6709\u9879\u76EE\u4E2D\u521D\u59CB\u5316 vuepress-theme-plume").action((root) => run(0 /* init */, root));
 cli.help();
-cli.version("1.0.0-rc.125");
+cli.version("1.0.0-rc.127");
 cli.parse();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-vuepress-theme-plume",
   "type": "module",
-  "version": "1.0.0-rc.126",
+  "version": "1.0.0-rc.128",
   "description": "The cli for create vuepress-theme-plume's project",
   "author": "pengzhanbo <q942450674@outlook.com> (https://github.com/pengzhanbo/)",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "templates"
   ],
   "dependencies": {
-    "@clack/prompts": "^0.9.0",
+    "@clack/prompts": "^0.9.1",
     "@pengzhanbo/utils": "^1.2.0",
     "cac": "^6.7.14",
     "execa": "^9.5.2",

package/templates/.vuepress/config.ts.handlebars

@@ -106,7 +106,6 @@ export default defineUserConfig({
        * @see https://theme-plume.vuejs.press/config/plugins/markdown-enhance/
        */
       // markdownEnhance: {
-      //   demo: true,
       //   chartjs: true,
       //   echarts: true,
       //   mermaid: true,
@@ -131,6 +130,7 @@ export default defineUserConfig({
       //   codeSandbox: true,  // 启用嵌入 codeSandbox 语法 @[codeSandbox](id)
       //   jsfiddle: true,     // 启用嵌入 jsfiddle 语法 @[jsfiddle](user/id)
       //   npmTo: true,        // 启用 npm-to 容器  ::: npm-to
+      //   demo: true,         // 启用 demo 容器  ::: demo
       //   repl: {             // 启用 代码演示容器
       //     go: true,         // ::: go-repl
       //     rust: true,       // ::: rust-repl

package/templates/docs/en/preview/markdown.md

@@ -254,26 +254,36 @@ const c = a + b
 
 **code demo:**
 
-::: normal-demo Demo 演示
+:::: demo title="Demo" desc="A normal demo"
+
+::: code-tabs
+@tab HTML
 
 ```html
-<h1>Hello Word!</h1>
-<p><span id="very">Very</span>Powerful!</p>
+<div id="app">
+  <h3>vuepress-theme-plume</h3>
+</div>
 ```
 
+@tab Javascript
+
 ```js
-document.querySelector('#very').addEventListener('click', () => {
-  alert('Very Powerful')
-})
+const a = 'So Awesome!'
+const app = document.querySelector('#app')
+app.appendChild(window.document.createElement('small')).textContent = a
 ```
 
+@tab CSS
+
 ```css
-span {
-  color: red;
+#app {
+  font-size: 2em;
+  text-align: center;
 }
 ```
 
 :::
+::::
 
 **tab card：**
 

package/templates/docs/zh/preview/markdown.md

@@ -254,26 +254,36 @@ const c = a + b
 
 **代码演示：**
 
-::: normal-demo Demo 演示
+:::: demo title="常规示例" desc="一个常规示例"
+
+::: code-tabs
+@tab HTML
 
 ```html
-<h1>Hello Word!</h1>
-<p><span id="very">非常</span>强大!</p>
+<div id="app">
+  <h3>vuepress-theme-plume</h3>
+</div>
 ```
 
+@tab Javascript
+
 ```js
-document.querySelector('#very').addEventListener('click', () => {
-  alert('非常强大')
-})
+const a = 'So Awesome!'
+const app = document.querySelector('#app')
+app.appendChild(window.document.createElement('small')).textContent = a
 ```
 
+@tab CSS
+
 ```css
-span {
-  color: red;
+#app {
+  font-size: 2em;
+  text-align: center;
 }
 ```
 
 :::
+::::
 
 **选项卡：**