feat(generator/background.js): use vue3 devtools if project uses vue 3, fixes #1431

Author: nklayman

generator/index.js

@@ -14,7 +14,8 @@ module.exports = (api, options = {}) => {
   if (!hasBackground) {
     // If user does not have a background file it should be created
     api.render('./templates/base', {
-      spectronSupport: options.electronBuilder.addTests
+      spectronSupport: options.electronBuilder.addTests,
+      vue3: /^(\^?)3/.test(pkg.dependencies.vue)
     })
   }
   // Add tests

generator/templates/base/src/background.js

@@ -2,7 +2,7 @@
 
 import { app, protocol, BrowserWindow } from 'electron'
 import { createProtocol } from 'vue-cli-plugin-electron-builder/lib'
-import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
+import installExtension, { VUEJS<% if (vue3) { %>3<%}%>_DEVTOOLS } from 'electron-devtools-installer'
 const isDevelopment = process.env.NODE_ENV !== 'production'
 
 // Scheme must be registered before the app is ready
@@ -60,7 +60,7 @@ app.on('ready', async () => {
   if (isDevelopment && !process.env.IS_TEST) {
     // Install Vue Devtools
     try {
-      await installExtension(VUEJS_DEVTOOLS)
+      await installExtension(VUEJS<% if (vue3) { %>3<%}%>_DEVTOOLS)
     } catch (e) {
       console.error('Vue Devtools failed to install:', e.toString())
     }