Chore: upgrade to vuepress@next-beta.12

docs/.vuepress/config.ts

@@ -1,4 +1,5 @@
-import { defineUserConfig, DefaultThemeOptions } from "vuepress";
+import { defineUserConfig } from "@vuepress/cli";
+import type { DefaultThemeOptions } from "@vuepress/theme-default";
 import * as sidebar from "./config/sidebar";
 import * as navbar from "./config/navbar";
 import * as path from "path";
@@ -8,23 +9,20 @@ const isProduction = process.env.NODE_ENV === "production";
 export default defineUserConfig<DefaultThemeOptions>({
   theme: path.join(__dirname, "./theme"),
   plugins: [
-    ["@vuepress/back-to-top"],
     ["vuepress-plugin-mermaidjs"],
     [
       "@vuepress/plugin-search",
       {
         locales: {
           "/": {
-            placeholder: "Search",
-          },
-          "/zh/": {
             placeholder: "搜索",
           },
         },
       },
     ],
+    ["@vuepress/plugin-debug", !isProduction],
   ],
-  base: "/Xray-docs-next/",
+  base: isProduction ? "/Xray-docs-next/" : "",
   locales: {
     "/": {
       lang: "zh-CN",
@@ -42,7 +40,7 @@ export default defineUserConfig<DefaultThemeOptions>({
     enableToggle: true,
 
     themePlugins: {
-      git: process.env.NODE_ENV === "production",
+      git: isProduction,
     },
     locales: {
       "/": {
@@ -89,7 +87,7 @@ export default defineUserConfig<DefaultThemeOptions>({
   extendsMarkdown: (md) => {
     md.use(require("markdown-it-footnote"));
   },
-  //bundler: isProduction ? "@vuepress/webpack" : "@vuepress/vite",
+  bundler: isProduction ? "@vuepress/webpack" : "@vuepress/vite",
   bundlerConfig: {
     chainWebpack: (config) => {
       config.module
@@ -101,6 +99,9 @@ export default defineUserConfig<DefaultThemeOptions>({
           name: `assets/img/[name].[hash:8].[ext]`,
         });
     },
+    viteOptions: {
+      base: "/Xray-docs-next/",
+    },
   },
   //postcss: { plugins: [require("autoprefixer")] }
 });

docs/.vuepress/theme/components/Tabs.vue

@@ -42,9 +42,12 @@ export default defineComponent({
   },
   mounted() {
     this.$nextTick(function () {
-      const bootstrap = require("bootstrap");
-      let triggerEl = document.getElementById(this.children["0"].$data.labelID);
-      new bootstrap.Tab(triggerEl).show();
+      import("bootstrap").then((b) => {
+        let triggerEl = document.getElementById(
+          this.children["0"].$data.labelID
+        );
+        new b.Tab(triggerEl).show();
+      });
     });
   },
   computed: {

package.json

@@ -8,14 +8,15 @@
   "devDependencies": {
     "@types/bootstrap": "^5.0.13",
     "@types/jquery": "^3.5.5",
-    "@vuepress/plugin-back-to-top": "^2.0.0-beta.11",
-    "@vuepress/plugin-search": "^2.0.0-beta.11",
+    "@vuepress/plugin-back-to-top": "^2.0.0-beta.12",
+    "@vuepress/plugin-search": "^2.0.0-beta.12",
     "postcss-loader": "^5.2.0",
     "prettier": "^2.2.1",
     "sass": "^1.32.12",
     "sass-loader": "^11.0.1",
     "vue-property-decorator": "^9.1.2",
-    "vuepress": "^2.0.0-beta.11"
+    "vuepress": "^2.0.0-beta.12",
+    "vuepress-vite": "^2.0.0-beta.12"
   },
   "scripts": {
     "docs:dev": "vuepress dev docs",
@@ -24,6 +25,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.9.1",
+    "@vuepress/plugin-debug": "^2.0.0-beta.12",
     "bootstrap": "^5.0.0-beta3",
     "jquery": "^3.6.0",
     "markdown-it-footnote": "^3.0.2",