build: adjust ESLint config for Prettier

Author: gruhn

.eslintrc.js

@@ -1,27 +1,24 @@
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
+  parser: "babel-eslint",
   parserOptions: {
-    sourceType: 'module'
+    sourceType: "module"
   },
-  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
-  extends: 'standard',
+  extends: "prettier",
   // required to lint *.vue files
-  plugins: [
-    'html'
-  ],
+  plugins: ["html"],
   env: {
-    browser: true,
-  },
-  // add your custom rules here
-  'rules': {
-    // allow paren-less arrow functions
-    'arrow-parens': 0,
-    // allow async-await
-    'generator-star-spacing': 0,
-    // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
-    // trailing comma
-    'comma-dangle': ['error', 'always-multiline'],
+    browser: true
   }
-}
+  // add your custom rules here
+  // 'rules': {
+  //   // allow paren-less arrow functions
+  //   'arrow-parens': 0,
+  //   // allow async-await
+  //   'generator-star-spacing': 0,
+  //   // allow debugger during development
+  //   'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+  //   // trailing comma
+  //   'comma-dangle': ['error', 'always-multiline'],
+  // }
+};

package.json

@@ -23,7 +23,8 @@
     "dev": "cross-env NODE_ENV=development webpack --config config/webpack.config.dev.js --progress --watch",
     "build": "npm run build:browser && npm run build:common",
     "build:browser": "cross-env NODE_ENV=production webpack --config config/webpack.config.browser.js --progress --hide-modules",
-    "build:common": "cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules"
+    "build:common": "cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules",
+    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "repository": {
     "type": "git",
@@ -56,6 +57,7 @@
     "cross-spawn": "^5.0.1",
     "css-loader": "^0.26.1",
     "eslint": "^3.12.1",
+    "eslint-config-prettier": "^4.1.0",
     "eslint-config-standard": "^6.2.1",
     "eslint-loader": "^1.6.1",
     "eslint-plugin-html": "^1.6.0",

src/components/QrcodeStream.vue

@@ -29,14 +29,14 @@
 </template>
 
 <script>
-import { keepScanning } from '../misc/scanner.js'
-import { thinSquare } from '../misc/track-func.js'
-import Camera from '../misc/camera.js'
-import CommonAPI from '../mixins/CommonAPI.vue'
-import isEqual from 'lodash/isEqual'
-import isBoolean from 'lodash/isBoolean'
-import isObject from 'lodash/isObject'
-import stubObject from 'lodash/stubObject'
+import { keepScanning } from "../misc/scanner.js";
+import { thinSquare } from "../misc/track-func.js";
+import Camera from "../misc/camera.js";
+import CommonAPI from "../mixins/CommonAPI.vue";
+import isEqual from "lodash/isEqual";
+import isBoolean from "lodash/isBoolean";
+import isObject from "lodash/isObject";
+import stubObject from "lodash/stubObject";
 
 export default {
   mixins: [CommonAPI],
@@ -49,7 +49,7 @@ export default {
 
     camera: {
       type: [Object, Boolean],
-      default: stubObject,
+      default: stubObject
     },
 
     track: {
@@ -63,8 +63,8 @@ export default {
       cameraInstance: null,
       destroyed: false,
       constraints: {},
-      stopScanning: () => {},
-    }
+      stopScanning: () => {}
+    };
   },
 
   computed: {
@@ -73,6 +73,7 @@ export default {
         this.paused === false &&
         this.destroyed === false &&
         this.constraints.video !== false
+      );
     },
 
     shouldScan() {
@@ -99,8 +100,7 @@ export default {
       } else {
         return this.track;
       }
-    },
-
+    }
   },
 
   watch: {
@@ -125,36 +125,36 @@ export default {
       deep: true,
       immediate: true,
 
-      handler (camera, oldValue) {
-        const deeplyEqual = isEqual(camera, oldValue)
+      handler(camera, oldValue) {
+        const deeplyEqual = isEqual(camera, oldValue);
 
         if (deeplyEqual) {
           // object reference changed but constraints are actually the same
-          return
+          return;
         } else if (isBoolean(camera)) {
           this.constraints = {
             audio: false,
-            video: camera,
-          }
+            video: camera
+          };
         } else if (isObject(camera)) {
           this.constraints = {
             audio: false,
             video: {
-              facingMode: { ideal: 'environment' },
+              facingMode: { ideal: "environment" },
               width: { min: 360, ideal: 640, max: 1920 },
               height: { min: 240, ideal: 480, max: 1080 },
 
               // overrides properties above if given
-              ...camera,
-            },
-          }
+              ...camera
+            }
+          };
         }
-      },
+      }
     },
 
-    constraints () {
-      this.$emit('init', this.init())
-    },
+    constraints() {
+      this.$emit("init", this.init());
+    }
   },
 
   mounted() {
@@ -172,7 +172,7 @@ export default {
       this.beforeResetCamera();
 
       if (this.constraints.video === false) {
-        this.cameraInstance = null
+        this.cameraInstance = null;
       } else {
         this.cameraInstance = await Camera(this.constraints, this.$refs.video);
 
@@ -187,10 +187,8 @@ export default {
 
     startScanning() {
       const detectHandler = result => {
-        this.onDetect(
-          Promise.resolve({ source: 'stream', ...result })
-        )
-      }
+        this.onDetect(Promise.resolve({ source: "stream", ...result }));
+      };
 
       // this.stopScanning()
       this.stopScanning = keepScanning(this.cameraInstance, {

yarn.lock

@@ -2460,6 +2460,12 @@ escope@^3.6.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
+eslint-config-prettier@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-4.1.0.tgz#181364895899fff9fd3605fecb5c4f20e7d5f395"
+  dependencies:
+    get-stdin "^6.0.0"
+
 eslint-config-standard@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-6.2.1.tgz#d3a68aafc7191639e7ee441e7348739026354292"