fix vue-loader plugin

Author: mubaidr

.eslintrc.js

@@ -3,15 +3,15 @@ module.exports = {
   // parser: 'babel-eslint',
   parserOptions: {
     sourceType: 'module',
-    ecmaVersion: 8,
+    ecmaVersion: 8
   },
   env: {
     browser: true,
-    node: true,
+    node: true
   },
-  extends: ['airbnb-base', 'plugin:vue/essential'],
+  extends: ['airbnb-base', 'plugin:vue/recommended', 'prettier'],
   globals: {
-    __static: true,
+    __static: true
   },
   plugins: ['vue'],
   rules: {
@@ -29,6 +29,6 @@ module.exports = {
     'linebreak-style': 0,
     // allow debugger during development
     'no-unused-vars': process.env.NODE_ENV === 'production' ? 2 : 0,
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
-  },
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+  }
 }

package.json

@@ -66,6 +66,7 @@
     "electron-rebuild": "^1.7.3",
     "eslint": "^4.19.1",
     "eslint-config-airbnb-base": "^12.1.0",
+    "eslint-config-prettier": "^2.9.0",
     "eslint-import-resolver-webpack": "^0.10.0",
     "eslint-loader": "^2.0.0",
     "eslint-plugin-import": "^2.12.0",

vue-electron/webpack.renderer.config.js

@@ -9,7 +9,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 // const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
-const { VueLoaderPlugin } = require('vue-loader')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 /* eslint-enable */
 
 /**
@@ -69,9 +69,9 @@ const rendererConfig = {
           options: {
             extractCSS: process.env.NODE_ENV === 'production',
             loaders: {
-              sass: `vue-style-loader!css-loader!sass-loader?indentedSyntax=1`,
-              scss: `vue-style-loader!css-loader!sass-loader`,
-              less: `vue-style-loader!css-loader!less-loader`
+              sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1',
+              scss: 'vue-style-loader!css-loader!sass-loader',
+              less: 'vue-style-loader!css-loader!less-loader'
             }
           }
         }