upgrade webpack/eslint and fix linting issues

.eslintrc

@@ -1,8 +1,8 @@
 {
-  "extends": "vue",
+  "extends": ["plugin:vue/recommended"],
    "rules": {
      "space-before-function-paren": [2, "never"],
       "indent": ["error",4],
       "camelcase": [2, {"properties": "never"}]
    }
-}
+}

build/webpack.dev.js

@@ -1,24 +1,38 @@
 let path = require('path')
 let webpack = require('webpack')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
-  entry: {
-    'paystack': './examples/commonjs/app.js'
-  },
-  output: {
-    path: path.resolve(__dirname, '../dist'),
-    publicPath: '/dist/',
-    filename: '[name].js'
-  },
-  module: {
-    rules: [{
-      test: /\.vue$/,
-      loader: 'vue-loader'
-    }, {
-      test: /\.js$/,
-      loader: 'babel-loader',
-      exclude: /node_modules/
-    }]
-  },
-  devtool: 'eval-source-map'
+    entry: {
+        'paystack': './examples/commonjs/app.js'
+    },
+    output: {
+        path: path.resolve(__dirname, '../dist'),
+        publicPath: '/dist/',
+        filename: '[name].js'
+    },
+    module: {
+        rules: [{
+            test: /\.vue$/,
+            loader: 'vue-loader'
+        }, {
+            test: /\.js$/,
+            loader: 'babel-loader',
+            exclude: /node_modules/
+        }, {
+            test: /\.css$/,
+            use: [
+                'vue-style-loader',
+                'css-loader'
+            ]
+        }]
+    },
+    plugins: [
+        new VueLoaderPlugin(),
+        new webpack.LoaderOptionsPlugin({
+            minimize: true,
+            debug: false
+        })
+    ],
+    devtool: 'eval-source-map'
 }

build/webpack.dist.js

@@ -1,45 +1,80 @@
 var path = require('path')
 var webpack = require('webpack')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 
 module.exports = {
-  entry: {
-    'paystack': './src/index.js'
-  },
-  output: {
-    path: path.resolve(__dirname, '../dist'),
-    publicPath: '/dist/',
-    filename: '[name].min.js',
-    library: 'VuePaystack',
-    libraryTarget: 'umd',
-    umdNamedDefine: true
-  },
-  module: {
-    rules: [{
-      enforce: 'pre',
-      test: /\.(js|vue)$/,
-      exclude: /node_modules/,
-      loader: 'eslint-loader'
-    }, {
-      test: /\.vue$/,
-      loader: 'vue-loader'
-    }, {
-      test: /\.js$/,
-      loader: 'babel-loader',
-      exclude: /node_modules/
-    }]
-  },
-  plugins: [
-    new webpack.LoaderOptionsPlugin({
-      minimize: true,
-      debug: false
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      sourceMap: true,
-      include: /\.min\.js$/,
-      compress: {
-        warnings: false
-      }
-    })
-  ],
-  devtool: 'source-map'
+    entry: {
+        'paystack': './src/index.js'
+    },
+    output: {
+        path: path.resolve(__dirname, '../dist'),
+        publicPath: '/dist/',
+        filename: '[name].min.js',
+        library: 'VuePaystack',
+        libraryTarget: 'umd',
+        umdNamedDefine: true
+    },
+    module: {
+        rules: [{
+            enforce: 'pre',
+            test: /\.(js|vue)$/,
+            exclude: /node_modules/,
+            loader: 'eslint-loader'
+        }, {
+            test: /\.vue$/,
+            loader: 'vue-loader'
+        }, {
+            test: /\.js$/,
+            loader: 'babel-loader',
+            exclude: /node_modules/
+        }, {
+            test: /\.css$/,
+            use: [
+                'vue-style-loader',
+                'css-loader'
+            ]
+        }]
+    },
+    optimization: {
+        minimizer: [
+            new UglifyJsPlugin({
+                uglifyOptions: {
+                    output: {
+                        comments: false
+                    },
+                    compress: {
+                        unsafe_comps: true,
+                        properties: true,
+                        keep_fargs: false,
+                        pure_getters: true,
+                        collapse_vars: true,
+                        unsafe: true,
+                        warnings: false,
+                        sequences: true,
+                        dead_code: true,
+                        drop_debugger: true,
+                        comparisons: true,
+                        conditionals: true,
+                        evaluate: true,
+                        booleans: true,
+                        loops: true,
+                        unused: true,
+                        hoist_funs: true,
+                        if_return: true,
+                        join_vars: true,
+                        drop_console: true
+                    }
+                }
+            })
+        ]
+    },
+    plugins: [
+        new VueLoaderPlugin(),
+        new webpack.LoaderOptionsPlugin({
+            minimize: true,
+            debug: false
+        })
+    ],
+    devtool: 'source-map'
 }

package.json

@@ -31,18 +31,20 @@
   },
   "homepage": "",
   "devDependencies": {
-    "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
     "babel-preset-es2015": "^6.18.0",
-    "css-loader": "^0.28.1",
+    "css-loader": "^1.0.0",
     "eslint-config-vue": "^2.0.2",
-    "eslint-loader": "^1.7.1",
-    "eslint-plugin-vue": "^2.0.1",
-    "standard": "^10.0.3",
-    "vue": "^2.5.2",
-    "vue-loader": "^13.3.0",
-    "vue-template-compiler": "^2.5.2",
-    "webpack": "^3.8.1",
-    "webpack-dev-server": "^2.9.4"
+    "eslint-loader": "^2.1.0",
+    "eslint-plugin-vue": "^4.7.1",
+    "standard": "^11.0.1",
+    "uglifyjs-webpack-plugin": "^1.3.0",
+    "vue": "^2.5.17",
+    "vue-loader": "^15.3.0",
+    "vue-template-compiler": "^2.5.17",
+    "webpack": "^4.16.5",
+    "webpack-cli": "^3.1.0",
+    "webpack-dev-server": "^3.1.5"
   }
 }