serve now uses target of electron-renderer instead of default

Author: nklayman

README.md

@@ -142,5 +142,5 @@ The build command consists of three main phases: render build, main build, and e
 The serve command also consists of 3 main phases: main build, dev server launch, and electron launch:
 
  1. Main build: This phase, like in the build command, bundles your app's main process, but in development mode.
- 2. Dev server launch: This phase starts the built in dev server with no special arguments, just hosting your app as normal.
+ 2. Dev server launch: This phase starts the built in dev server with a few modifications to work properly with electron.
  3. Electron launch: This phase launches electron and tells it to load the url of the above dev server.

index.js

@@ -145,6 +145,9 @@ module.exports = (api, options) => {
     },
     () => {
       const execa = require('execa')
+      const serve = require('@vue/cli-service/lib/commands/serve').serve
+      const rendererConfig = api.resolveChainableWebpackConfig()
+      rendererConfig.target('electron-renderer')
       const mainConfig = new Config()
       mainConfig
         .mode('development')
@@ -203,7 +206,7 @@ module.exports = (api, options) => {
 
         console.log('\nStarting development server:\n')
 
-        api.service.run('serve').then(server => {
+        serve({ _: [] }, api, options, rendererConfig).then(server => {
           console.log('\nLaunching Electron...\n')
           const child = execa(
             `./node_modules/.bin/electron ${outputDir}/background.js`,