feat: add vite-plugin-vue-devtools

frontend/env.d.ts

@@ -16,6 +16,8 @@ interface ImportMetaEnv {
 	readonly SENTRY_PROJECT?: string
 
 	readonly VITE_IS_ONLINE: boolean
+
+	readonly VUE_DEVTOOLS_LAUNCH_EDITOR: VitePluginVueDevToolsOptions.launchEditor
 }
 
 interface ImportMeta {

frontend/package.json

@@ -169,6 +169,7 @@
     "vite": "6.0.3",
     "vite-plugin-pwa": "0.21.1",
     "vite-plugin-sentry": "1.4.0",
+    "vite-plugin-vue-devtools": "7.6.7",
     "vite-svg-loader": "5.1.0",
     "vitest": "2.1.8",
     "vue-tsc": "2.1.10",

frontend/vite.config.ts

@@ -16,6 +16,7 @@ import svgLoader from 'vite-svg-loader'
 import postcssPresetEnv from 'postcss-preset-env'
 import postcssEasingGradients from 'postcss-easing-gradients'
 import tailwindcss from 'tailwindcss'
+import vueDevTools from 'vite-plugin-vue-devtools'
 
 const pathSrc = fileURLToPath(new URL('./src', import.meta.url)).replaceAll('\\', '/')
 
@@ -196,6 +197,9 @@ export default defineConfig(({mode}) => {
 					],
 				},
 			}),
+			vueDevTools({
+				launchEditor: env.VUE_DEVTOOLS_LAUNCH_EDITOR || 'code'
+			}),
 			viteSentry(getSentryConfig(env)),
 		],
 		resolve: {