chore: bump deps

package.json

@@ -15,24 +15,14 @@
     "docs:update-package": "pnpm dlx vp-update",
     "docs:lint": "prettier --check --write ."
   },
-  "packageManager": "pnpm@8.6.1",
+  "packageManager": "pnpm@8.6.11",
   "devDependencies": {
-    "@vuepress/client": "2.0.0-beta.63",
-    "@vuepress/plugin-active-header-links": "2.0.0-beta.63",
-    "@vuepress/plugin-back-to-top": "2.0.0-beta.63",
-    "@vuepress/plugin-docsearch": "2.0.0-beta.63",
-    "@vuepress/plugin-external-link-icon": "2.0.0-beta.63",
-    "@vuepress/plugin-git": "2.0.0-beta.63",
-    "@vuepress/plugin-medium-zoom": "2.0.0-beta.63",
-    "@vuepress/plugin-nprogress": "2.0.0-beta.63",
-    "@vuepress/plugin-palette": "2.0.0-beta.63",
-    "@vuepress/plugin-pwa-popup": "2.0.0-beta.63",
-    "@vuepress/plugin-search": "2.0.0-beta.63",
-    "@vuepress/theme-default": "2.0.0-beta.63",
-    "@vuepress/utils": "2.0.0-beta.63",
-    "prettier": "2.8.8",
+    "@vuepress/client": "2.0.0-beta.66",
+    "@vuepress/plugin-docsearch": "2.0.0-beta.66",
+    "@vuepress/utils": "2.0.0-beta.66",
+    "prettier": "3.0.0",
     "vue": "^3.3.4",
-    "vuepress": "2.0.0-beta.63",
-    "vuepress-theme-hope": "2.0.0-beta.223"
+    "vuepress": "2.0.0-beta.66",
+    "vuepress-theme-hope": "2.0.0-beta.234"
   }
 }

src/.vuepress/assets/hotKey.ts

@@ -2,26 +2,26 @@ export interface HotKeyOptions {
   /**
    * Value of `event.key` to trigger the hot key
    */
-  key: string
+  key: string;
 
   /**
    * Whether to press `event.altKey` at the same time
    *
    * @default false
    */
-  alt?: boolean
+  alt?: boolean;
 
   /**
    * Whether to press `event.ctrlKey` at the same time
    *
    * @default false
    */
-  ctrl?: boolean
+  ctrl?: boolean;
 
   /**
    * Whether to press `event.shiftKey` at the same time
    *
    * @default false
    */
-  shift?: boolean
+  shift?: boolean;
 }

src/.vuepress/components/NpmBadge.vue

@@ -13,7 +13,7 @@ const props = defineProps({
 });
 
 const badgeLink = computed(
-  () => `https://www.npmjs.com/package/${props.package}`
+  () => `https://www.npmjs.com/package/${props.package}`,
 );
 const badgeLabel = computed(() => {
   if (props.distTag) {
@@ -25,7 +25,7 @@ const badgeImg = computed(
   () =>
     `https://badgen.net/npm/v/${props.package}/${
       props.distTag
-    }?label=${encodeURIComponent(badgeLabel.value)}`
+    }?label=${encodeURIComponent(badgeLabel.value)}`,
 );
 </script>
 

src/.vuepress/config.ts

@@ -41,9 +41,9 @@ export default defineUserConfig({
               pkgName,
               path.dirname(
                 createRequire(import.meta.url).resolve(
-                  `${pkgName}/package.json`
-                )
-              )
+                  `${pkgName}/package.json`,
+                ),
+              ),
             )
             .replace("/src/", "/lib/");
         }

src/.vuepress/configs/meta.ts

@@ -4,5 +4,5 @@ import { fs } from "@vuepress/utils";
 const require = createRequire(import.meta.url);
 
 export const version = fs.readJsonSync(
-  require.resolve("vuepress/package.json")
+  require.resolve("vuepress/package.json"),
 ).version;

src/advanced/cookbook/markdown-and-vue-sfc.md

@@ -39,7 +39,7 @@ const RedDiv = (_, ctx) =>
     {
       class: "red-div",
     },
-    ctx.slots.default()
+    ctx.slots.default(),
   );
 const msg = "Vue in Markdown";
 const count = ref(0);

src/advanced/cookbook/passing-data-to-client-code.md

@@ -49,7 +49,7 @@ export default (options) => ({
     // write temp file
     await app.writeTemp(
       "foo.js",
-      `export const foo = ${JSON.stringify(options.foo)}`
+      `export const foo = ${JSON.stringify(options.foo)}`,
     );
   },
 });

src/guide/deployment.md

@@ -8,7 +8,7 @@ The following guides are based on some shared assumptions:
 
 - You are placing your Markdown source files inside the `docs` directory of your project;
 - You are using the default build output location (`.vuepress/dist`);
-- You are using as [pnpm](https://pnpm.io) package manager, while npm and yarn are also supported;
+- You are using [pnpm](https://pnpm.io) as package manager, while npm and yarn are also supported;
 - VuePress is installed as a local dependency in your project, and you have setup the following script in `package.json`:
 
 ```json

src/reference/default-theme/extending.md

@@ -84,7 +84,7 @@ export default defineUserConfig({
   alias: {
     "@theme/HomeFooter.vue": path.resolve(
       __dirname,
-      "./components/MyHomeFooter.vue"
+      "./components/MyHomeFooter.vue",
     ),
   },
 });
@@ -110,13 +110,15 @@ export const childTheme = (options: DefaultThemeOptions): Theme => {
     extends: defaultTheme(options),
 
     // override layouts in child theme's client config file
+    // notice that you would build ts to js before publishing to npm,
+    // so this should be the path to the js file
     clientConfigFile: path.resolve(__dirname, "./client.js"),
 
     // override component alias
     alias: {
       "@theme/HomeFooter.vue": path.resolve(
         __dirname,
-        "./components/MyHomeFooter.vue"
+        "./components/MyHomeFooter.vue",
       ),
     },
   };

src/reference/node-api.md

@@ -361,7 +361,7 @@ export default {
 
 Hello, world.
 `,
-      })
+      }),
     );
   },
 };

src/reference/plugin/container.md

@@ -139,7 +139,7 @@ type MarkdownItContainerRenderFunction = (
   index: number,
   options: any,
   env: MarkdownEnv,
-  self: Renderer
+  self: Renderer,
 ) => string;
 ```
 

src/reference/plugin/register-components.md

@@ -99,12 +99,12 @@ import { defineAsyncComponent } from "vue";
 
 app.component(
   "FooBar",
-  defineAsyncComponent(() => import("/path/to/components/FooBar.vue"))
+  defineAsyncComponent(() => import("/path/to/components/FooBar.vue")),
 );
 
 app.component(
   "Baz",
-  defineAsyncComponent(() => import("/path/to/components/Baz.vue"))
+  defineAsyncComponent(() => import("/path/to/components/Baz.vue")),
 );
 ```
 

src/zh/advanced/cookbook/markdown-and-vue-sfc.md

@@ -39,7 +39,7 @@ const RedDiv = (_, ctx) =>
     {
       class: "red-div",
     },
-    ctx.slots.default()
+    ctx.slots.default(),
   );
 const msg = "Markdown 中的 Vue";
 const count = ref(0);

src/zh/advanced/cookbook/passing-data-to-client-code.md

@@ -49,7 +49,7 @@ export default (options) => ({
     // 写入临时文件
     await app.writeTemp(
       "foo.js",
-      `export const foo = ${JSON.stringify(options.foo)}`
+      `export const foo = ${JSON.stringify(options.foo)}`,
     );
   },
 });

src/zh/advanced/cookbook/usage-of-client-config.md

@@ -7,7 +7,6 @@ icon: fa6-solid:gear
 你可以直接在你的项目中使用 [客户端配置文件](../../guide/configuration.md#客户端配置文件) 。或者，在你的插件或者主题中，使用 [clientConfigFile](../../reference/plugin-api.md#clientconfigfile) Hook 来指定客户端配置文件的路径：
 
 ```ts
-import { path } from "@vuepress/utils";
 import { getDirname, path } from "@vuepress/utils";
 
 const __dirname = getDirname(import.meta.url);

src/zh/reference/default-theme/extending.md

@@ -84,7 +84,7 @@ export default defineUserConfig({
   alias: {
     "@theme/HomeFooter.vue": path.resolve(
       __dirname,
-      "./components/MyHomeFooter.vue"
+      "./components/MyHomeFooter.vue",
     ),
   },
 });
@@ -110,13 +110,14 @@ export const childTheme = (options: DefaultThemeOptions): Theme => {
     extends: defaultTheme(options),
 
     // 在子主题的客户端配置文件中覆盖布局
+    // 注意，你在发布到 NPM 之前会将 TS 构建为 JS ，因此这里需要设置为 JS 文件的路径
     clientConfigFile: path.resolve(__dirname, "./client.js"),
 
     // 覆盖组件别名
     alias: {
       "@theme/HomeFooter.vue": path.resolve(
         __dirname,
-        "./components/MyHomeFooter.vue"
+        "./components/MyHomeFooter.vue",
       ),
     },
   };

src/zh/reference/node-api.md

@@ -359,7 +359,7 @@ export default {
 
 你好，世界。
 `,
-      })
+      }),
     );
   },
 };

src/zh/reference/plugin/container.md

@@ -139,7 +139,7 @@ type MarkdownItContainerRenderFunction = (
   index: number,
   options: any,
   env: MarkdownEnv,
-  self: Renderer
+  self: Renderer,
 ) => string;
 ```
 

src/zh/reference/plugin/register-components.md

@@ -99,12 +99,12 @@ import { defineAsyncComponent } from "vue";
 
 app.component(
   "FooBar",
-  defineAsyncComponent(() => import("/path/to/components/FooBar.vue"))
+  defineAsyncComponent(() => import("/path/to/components/FooBar.vue")),
 );
 
 app.component(
   "Baz",
-  defineAsyncComponent(() => import("/path/to/components/Baz.vue"))
+  defineAsyncComponent(() => import("/path/to/components/Baz.vue")),
 );
 ```