vue devtools integrated in chromium devtools

src/main/main.ts

@@ -106,6 +106,14 @@ else {
          mainWindow.webContents.send('unhandled-exception', error);
       });
    });
+
+   app.on('browser-window-created', (event, window) => {
+      if (isDevelopment) {
+         const { antares } = require('../../package.json');
+         const extensionPath = path.resolve(__dirname, `../../misc/${antares.devtoolsId}`);
+         window.webContents.session.loadExtension(extensionPath, { allowFileAccess: true }).catch(console.error);
+      }
+   });
 }
 
 function createAppMenu () {

src/renderer/index.js

@@ -1,6 +1,5 @@
 'use strict';
 
-import devtools from '@vue/devtools';
 import { createApp, configureCompat } from 'vue';
 import '@mdi/font/css/materialdesignicons.css';
 import 'leaflet/dist/leaflet.css';
@@ -23,6 +22,3 @@ createApp(App)
    .use(pinia)
    .use(i18n)
    .mount('#app');
-
-if (process.env.NODE_ENV === 'development')
-   devtools.connect();