create-vuepress-theme-plume 1.0.0-rc.136 → 1.0.0-rc.138

package/lib/index.js

@@ -107,6 +107,11 @@ async function createPackageJson(mode, pkg, {
         if (packageManager === "yarn" && version.startsWith("1"))
           version = "4.6.0";
         pkg.packageManager = `${packageManager}@${version}`;
+        if (packageManager === "pnpm" && version.startsWith("10")) {
+          pkg.pnpm = {
+            onlyBuiltDependencies: ["@parcel/watcher", "esbuild"]
+          };
+        }
       }
     }
     const userInfo = await getUserInfo();
@@ -114,7 +119,7 @@ async function createPackageJson(mode, pkg, {
       pkg.author = userInfo.username + (userInfo.email ? ` <${userInfo.email}>` : "");
     }
     pkg.license = "MIT";
-    pkg.engines = { node: "^18.20.0 || >=20.0.0" };
+    pkg.engines = { node: "^18.19.0 || ^20.6.0 || >=22.0.0" };
   }
   if (injectNpmScripts) {
     pkg.scripts ??= {};
@@ -314,6 +319,7 @@ function updateFileListTarget(fileList, target) {
 import { createRequire } from "node:module";
 import process3 from "node:process";
 import { cancel, confirm, group, select, text } from "@clack/prompts";
+import { osLocale } from "os-locale";
 
 // src/locales/en.ts
 var en = {
@@ -392,6 +398,15 @@ async function prompt(mode, root) {
   }
   const result = await group({
     displayLang: async () => {
+      const locale = await osLocale();
+      if (locale === "zh-CN" || locale === "zh-Hans") {
+        setLang("zh-CN");
+        return "zh-CN";
+      }
+      if (locale === "en-US") {
+        setLang("en-US");
+        return "en-US";
+      }
       const lang = await select({
         message: "Select a language to display / \u9009\u62E9\u663E\u793A\u8BED\u8A00",
         options: languageOptions
@@ -547,5 +562,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.135");
+cli.version("1.0.0-rc.137");
 cli.parse();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-vuepress-theme-plume",
   "type": "module",
-  "version": "1.0.0-rc.136",
+  "version": "1.0.0-rc.138",
   "description": "The cli for create vuepress-theme-plume's project",
   "author": "pengzhanbo <q942450674@outlook.com> (https://github.com/pengzhanbo/)",
   "license": "MIT",
@@ -32,15 +32,16 @@
     "cac": "^6.7.14",
     "execa": "^9.5.2",
     "handlebars": "^4.7.8",
+    "os-locale": "^6.0.2",
     "picocolors": "^1.1.1"
   },
   "plume-deps": {
     "vuepress": "2.0.0-rc.20",
     "vue": "^3.5.13",
-    "sass-embedded": "^1.85.1",
+    "sass-embedded": "^1.86.1",
     "sass-loader": "^16.0.5",
     "http-server": "^14.1.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.2"
   },
   "scripts": {
     "build": "tsup"

package/templates/deploy/github/.github/workflows/deploy.yml.handlebars

@@ -29,7 +29,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           # 选择要使用的 node 版本
-          node-version: 20
+          node-version: 22
 
 {{#if (equal packageManager "npm")}}
       # 安装依赖

package/templates/deploy/netlify/netlify.toml.handlebars

@@ -5,5 +5,5 @@ publish = "{{ docsDir }}/.vuepress/dist"
 command = "{{#if (equal packageManager 'yarn')}}yarn && yarn{{else}}{{packageManager}} run{{/if}} docs:build"
 
 [build.environment]
-NODE_VERSION = "20"
+NODE_VERSION = "22"
 NPM_FLAGS = "--version"

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

@@ -4,15 +4,29 @@ tags:
   - markdown
 ---
 
-## 标题 2
+## 标题H2
 
-### 标题 3
+### 标题H3
 
-#### 标题 4
+#### 标题H4
 
-##### 标题 5
+##### 标题H5
 
-###### 标题 6
+###### 标题H6
+
+## 标题2 Badge <Badge type="tip" text="Badge" />
+
+### 标题3 Badge <Badge type="warning" text="Badge" />
+
+#### 标题4 Badge <Badge type="danger" text="Badge" />
+
+正文内容。
+
+`@property` CSS at-rule是 [CSS Houdini API](https://developer.mozilla.org/zh-CN/docs/Web/Guide/Houdini)
+的一部分，它允许开发者显式地定义他们的 [CSS 自定义属性](https://developer.mozilla.org/zh-CN/docs/Web/CSS/--*),
+允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。
+
+`@property` 的出现，极大的增强了 CSS 的能力。
 
 加粗：**加粗文字**
 
@@ -66,6 +80,8 @@ H~2~O
 
 [外部链接](https://github.com/pengzhanbo)
 
+![plume](/plume.svg)
+
 **Badge：**
 
 - <Badge type="info" text="info badge" />
@@ -121,6 +137,68 @@ const obj = {
 }
 ```
 
+**Code Blocks TwoSlash：**
+
+```ts twoslash
+// @errors: 2339
+const welcome = 'Tudo bem gente?'
+const words = welcome.contains(' ')
+```
+
+```ts twoslash
+import express from 'express'
+const app = express()
+app.get('/', (req, res) => {
+  res.send
+})
+app.listen(3000)
+```
+
+```ts twoslash
+import { createHighlighter } from 'shiki'
+
+const highlighter = await createHighlighter({ themes: ['nord'], langs: ['javascript'] })
+// @log: Custom log message
+const a = 1
+// @error: Custom error message
+const b = 1
+// @warn: Custom warning message
+const c = 1
+// @annotate: Custom annotation message
+```
+
+```ts twoslash
+// @errors: 2540
+interface Todo {
+  title: string
+}
+
+const todo: Readonly<Todo> = {
+  title: 'Delete inactive users'.toUpperCase(),
+//  ^?
+}
+
+todo.title = 'Hello'
+
+Number.parseInt('123', 10)
+//      ^|
+
+//
+//
+```
+
+```vue twoslash
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const count = ref(0)
+</script>
+
+<template>
+  <p>{{ count }}</p>
+</template>
+```
+
 **代码分组：**
 
 ::: code-tabs
@@ -166,6 +244,9 @@ function foo() {
 }
 ```
 
+::: tip 仅标题
+:::
+
 ::: note 注释
 注释内容 [link](https://github.com/pengzhanbo) `inline code`
 
@@ -232,6 +313,11 @@ const c = a + b
 
 :::
 
+::: details 详细标题
+
+这里是内容。
+:::
+
 **GFM alert：**
 
 > [!note]