feat: add vite-plugin-vue-inspector for enhanced development experience

- Introduced vite-plugin-vue-inspector version 5.3.2 to improve debugging capabilities in Vue applications.
- Updated vite.config.mts to conditionally include the VueInspector plugin in development mode, allowing for better inspection and debugging of Vue components.

These changes enhance the development workflow by providing tools for easier debugging and inspection of Vue components.

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

package.json

@@ -135,6 +135,7 @@
     "vite": "8.0.0-beta.10",
     "vite-plugin-checker": "0.12.0",
     "vite-plugin-mkcert": "1.17.9",
+    "vite-plugin-vue-inspector": "5.3.2",
     "vite-tsconfig-paths": "6.0.5"
   },
   "packageManager": "pnpm@10.28.2"

pnpm-lock.yaml

@@ -9,6 +9,7 @@ import type { PluginOption } from 'vite'
 
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import VueInspector from 'vite-plugin-vue-inspector'
 
 import PKG from './package.json'
 
@@ -26,6 +27,15 @@ export default ({ mode }) => {
       vueJsx(),
       tsconfigPaths(),
 
+      ...(isDev
+        ? [
+            VueInspector({
+              toggleButtonVisibility: 'always',
+              launchEditor: 'cursor',
+            }),
+          ]
+        : []),
+
       checker({
         enableBuild: true,
       }),