🧑‍💻 采用 vite-plugin-vue-devtools 替代之前的 devtool

package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "build": "tauri build",
     "debug": "tauri build --debug",
-    "dev": "concurrently -k \"tauri dev --exit-on-panic\" \"vue-devtools\"",
+    "dev": "tauri dev --exit-on-panic",
     "lint": "concurrently \"pnpm:lint:*(!fix)\"",
     "lint:fix": "concurrently \"pnpm:lint:*:fix\"",
     "lint:code": "eslint .",
@@ -95,7 +95,6 @@
     "@typescript-eslint/eslint-plugin": "^6.17.0",
     "@typescript-eslint/parser": "^6.17.0",
     "@vitejs/plugin-vue": "^5.0.2",
-    "@vue/devtools": "^6.5.1",
     "concurrently": "^8.2.2",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
@@ -120,6 +119,7 @@
     "stylelint-prettier": "^5.0.0",
     "typescript": "^5.3.3",
     "vite": "^5.0.10",
+    "vite-plugin-vue-devtools": "^7.0.3",
     "vite-plugin-vuetify": "^2.0.1",
     "yaml-eslint-parser": "^1.2.2"
   }

src/main.ts

@@ -1,7 +1,7 @@
 /**
  * @file main.ts
- * @description Main entry
- * @since Beta v0.3.4
+ * @description 应用入口
+ * @since Beta v0.4.0
  */
 
 import { createApp } from "vue";
@@ -15,10 +15,4 @@ import "@mdi/font/css/materialdesignicons.css";
 import "vuetify/styles";
 import "./assets/index.css";
 
-if (import.meta.env.MODE === "development") {
-  await import("@vue/devtools").then((i) => {
-    i.default.connect(/* host, port */);
-  });
-}
-
 createApp(App).use(router).use(store).use(createVuetify()).mount("#app");

vite.config.ts

@@ -1,18 +1,19 @@
 /**
  * @file vite.config.ts
  * @description vite 配置文件
- * @since Beta v0.3.7
+ * @since Beta v0.4.0
  */
 
 import vue from "@vitejs/plugin-vue";
 import { defineConfig } from "vite";
+import VueDevtools from "vite-plugin-vue-devtools";
 import vuetify from "vite-plugin-vuetify";
 
 import buildTimePlugin from "./src/utils/TGBuild";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vuetify(), buildTimePlugin()],
+  plugins: [vue(), vuetify(), buildTimePlugin(), VueDevtools()],
 
   // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
   // prevent vite from obscuring rust errors