fix: use @electron/remote instead of electron.remote

package.json

@@ -16,6 +16,7 @@
   },
   "main": "background.js",
   "dependencies": {
+    "@electron/remote": "^2.0.9",
     "adm-zip": "^0.5.5",
     "core-js": "^3.6.5",
     "electron-builder": "^23.0.2",

src/App.vue

@@ -93,7 +93,7 @@
 <script>
 const fs = require('fs');
 const path = require('path');
-const {remote} = require("electron");
+const remote = require("@electron/remote");
 
 export default {
   name: 'DefaultFrame',
@@ -112,7 +112,8 @@ export default {
 
   created: function () {
     var self = this;
-    var rfn = path.join(path.dirname(remote.app.getAppPath()), "../src/support/")
+    var root = process.env.NODE_ENV === 'development' ? '.' : '..';
+    var rfn = path.join(path.dirname(remote.app.getAppPath()), `${root}/src/support/`)
     
     console.log("Version tag path: "+rfn);
     fs.readFile(path.join(rfn, "git_commit"), 'utf8' , (err, data) => {

src/background.js

@@ -3,6 +3,9 @@
 import { app, protocol, BrowserWindow, globalShortcut } from 'electron'
 import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
+import * as remote from "@electron/remote/main";
+
+remote.initialize();
 
 const isDevelopment = process.env.NODE_ENV !== 'production'
 
@@ -22,10 +25,13 @@ async function createWindow() {
       enableRemoteModule: true,
       // Use pluginOptions.nodeIntegration, leave this alone
       // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
-      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION
+      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION,
+      contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION
     }
   })
 
+  remote.enable(win.webContents);
+
   win.setMenu(null);
   win.setAutoHideMenuBar(true);
 

src/components/FlashWizard.vue

@@ -171,7 +171,7 @@ const fwbranch = require("../support/fw-branch.js");
 const tmplog = require("../support/tmplog.js");
 const fs = require('fs')
 const path = require('path')
-const {remote} = require("electron");
+const remote = require("@electron/remote");
 
 export default {
   name: 'FlashWizard',
@@ -255,9 +255,10 @@ export default {
 
         var self = this;
         var platformstatus = ""; 
+        var root = process.env.NODE_ENV === 'development' ? '.' : '..';
         const dfuPath = path.dirname(remote.app.getAppPath());
 
-        if (process.platform == "win32" && fs.statSync(path.join(dfuPath, "../src/support/dfu-util/win64/")).isDirectory()) {
+        if (process.platform == "win32" && fs.statSync(path.join(dfuPath, `${root}/src/support/dfu-util/win64/`)).isDirectory()) {
             tmplog.addLog({
               type: "dfuUtil.message",
               msg: "Found DFU Util for Windows, path set."

src/components/FlasherPage.vue

@@ -187,7 +187,7 @@ const fwbranch = require("../support/fw-branch.js");
 const tmplog = require("../support/tmplog.js");
 const fs = require('fs')
 const path = require('path')
-const {remote} = require("electron");
+const remote = require("@electron/remote");
 
 export default {
   name: 'FlasherPage',
@@ -273,9 +273,10 @@ export default {
 
         var self = this;
         var platformstatus = ""; 
+        var root = process.env.NODE_ENV === 'development' ? '.' : '..';
         const dfuPath = path.dirname(remote.app.getAppPath());
 
-        if (process.platform == "win32" && fs.statSync(path.join(dfuPath, "../src/support/dfu-util/win64/")).isDirectory()) {
+        if (process.platform == "win32" && fs.statSync(path.join(dfuPath, `${root}/src/support/dfu-util/win64/`)).isDirectory()) {
             tmplog.addLog({
               type: "dfuUtil.message",
               msg: "Found DFU Util for Windows, path set."

src/components/SettingsPage.vue

@@ -125,7 +125,7 @@
 <script>
 const tmplog = require("../support/tmplog.js");
 const {clipboard} = require('electron');
-const {app} = require('electron').remote;
+const app = require('@electron/remote').app;
 
 export default {
   name: 'SettingsPage',