Merge branch 'release-v3.1.0'

.eslintrc

@@ -1,4 +1,7 @@
 {
+  "extends": [
+    "plugin:vue/essential"
+  ],
   "rules": {
     "indent": ["error", 2]
   },

build/rules/sass.js

@@ -5,6 +5,10 @@ const ExtractTextPlugin = require("extract-text-webpack-plugin")
 
 const config = require('../app.config')
 
+/**
+ * Internal application SASS files.
+ * Have build-in autoprefixing.
+ */
 module.exports = {
   test: /\.s[ac]ss$/,
   include: config.paths.sass,
@@ -21,7 +25,9 @@ module.exports = {
         loader: 'postcss-loader',
         options: {
           sourceMap: true,
-          plugins: () => [autoprefixer(config.settings.autoprefixer)]
+          plugins: () => [
+            autoprefixer(config.settings.autoprefixer)
+          ]
         }
       },
 

build/rules/vue.js

@@ -1,6 +1,10 @@
+const autoprefixer = require('autoprefixer')
+
+const config = require('../app.config')
+
 /**
- * Internal application Vue files.
- * Supports .vue compoent format with SASS.
+ * Internal application Vue files. Supports `.vue` component format.
+ * Rule is configured for `<style lang="sass/scss">` styles section.
  */
 module.exports = {
   test: /\.vue$/,
@@ -9,6 +13,10 @@ module.exports = {
     loaders: {
       scss: 'vue-style-loader!css-loader!sass-loader',
       sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
-    }
+    },
+    postcss: [
+      autoprefixer(config.settings.autoprefixer)
+    ],
+    autoprefixer: false
   }
 }

build/utils/env.js

@@ -8,4 +8,4 @@ const dotenv = require('dotenv').config()
  */
 module.exports = (variable, defaults) => {
   return (process.env[variable]) ? process.env[variable] : defaults
-}
+}

package.json

@@ -5,7 +5,10 @@
     "development": "cross-env NODE_ENV=development webpack --progress --hide-modules --config build/webpack.config.js",
     "prod": "npm run production",
     "production": "cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.js",
-    "watch": "npm run development -- --watch && webpack-dev-server --progress --colors"
+    "watch": "npm run development -- --watch && webpack-dev-server --progress --colors",
+    "lint:js": "eslint resources/assets/js/**/*.{js,vue}",
+    "lint:sass": "stylelint resources/assets/sass/**/*.{scss,sass}",
+    "lint": "npm run lint:js && npm run lint:sass"
   },
   "dependencies": {},
   "devDependencies": {
@@ -22,6 +25,7 @@
     "dotenv": "^5.0.1",
     "eslint": "^4.10.0",
     "eslint-loader": "^1.9.0",
+    "eslint-plugin-vue": "^4.7.1",
     "extract-text-webpack-plugin": "^3.0.0",
     "file-loader": "^0.11.1",
     "imagemin-webpack-plugin": "^1.4.4",