add new eslint standard rules

Author: miladd3

.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

package-lock.json

@@ -12,9 +12,9 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "test:unit": "vue-cli-service test:unit",
-    "test:watch": "vue-cli-service test:unit --watch",
     "lint": "vue-cli-service lint",
-    "build:npm": "vue-cli-service build --target lib --name passwordMeter src/password-meter.vue"
+    "build:npm": "vue-cli-service build --target lib --name passwordMeter src/password-meter.vue",
+    "test:watch": "vue-cli-service test:unit --watch"
   },
   "main": "dist/passwordMeter.umd.js",
   "unpkg": "dist/passwordMeter.umd.min.js",
@@ -23,16 +23,21 @@
   ],
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",
-    "@vue/cli-plugin-eslint": "^4.1.0",
+    "@vue/cli-plugin-eslint": "^4.2.2",
     "@vue/cli-plugin-unit-jest": "^4.2.2",
     "@vue/cli-service": "^4.1.0",
     "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/eslint-config-standard": "^5.1.0",
     "@vue/test-utils": "1.0.0-beta.31",
     "babel-eslint": "^10.0.3",
     "core-js": "^3.4.4",
-    "eslint": "^5.16.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-prettier": "^3.1.2",
-    "eslint-plugin-vue": "^5.0.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^6.1.2",
     "vue": "^2.6.10",
     "vue-template-compiler": "^2.6.10"
   },
@@ -43,13 +48,25 @@
     },
     "extends": [
       "plugin:vue/essential",
-      "eslint:recommended"
+      "eslint:recommended",
+      "@vue/standard"
     ],
-    "rules": {},
+    "rules": {
+      "quotes": "error"
+    },
     "parserOptions": {
       "parser": "babel-eslint"
     },
     "overrides": [
+      {
+        "files": [
+          "**/__tests__/*.{j,t}s?(x)",
+          "**/tests/unit/**/*.spec.{j,t}s?(x)"
+        ],
+        "env": {
+          "jest": true
+        }
+      },
       {
         "files": [
           "**/__tests__/*.{j,t}s?(x)",

package.json

@@ -18,28 +18,28 @@
 </template>
 
 <script>
-import passwordMeter from "./password-meter.vue";
+import passwordMeter from './password-meter.vue'
 
 export default {
-  name: "app",
+  name: 'app',
   components: {
     passwordMeter
   },
-  data() {
+  data () {
     return {
       value: null,
       score: null
-    };
+    }
   },
   methods: {
-    onScore({ score, strength }) {
+    onScore ({ score, strength }) {
       // eslint-disable-next-line no-console
-      console.log(score, strength);
+      console.log(score, strength)
 
-      this.score = score;
+      this.score = score
     }
   }
-};
+}
 </script>
 
 <style>

src/App.vue

@@ -1,9 +1,9 @@
-import scorePassword from "./scorePassword";
-import nameScore from "./nameScore";
+import scorePassword from './scorePassword'
+import nameScore from './nameScore'
 
 const checkStrength = pass => {
-  const score = scorePassword(pass);
-  return nameScore(score);
-};
+  const score = scorePassword(pass)
+  return nameScore(score)
+}
 
-export default checkStrength;
+export default checkStrength

src/logic/checkStrength.js

@@ -1,5 +1,5 @@
-import scorePassword from "./scorePassword";
-import nameScore from "./nameScore";
-import checkStrength from "./checkStrength";
+import scorePassword from './scorePassword'
+import nameScore from './nameScore'
+import checkStrength from './checkStrength'
 
-export { scorePassword, nameScore, checkStrength };
+export { scorePassword, nameScore, checkStrength }

src/logic/index.js

@@ -1,18 +1,18 @@
 const nameScore = score => {
   switch (score) {
     case 0:
-      return "risky";
+      return 'risky'
     case 1:
-      return "guessable";
+      return 'guessable'
     case 2:
-      return "weak";
+      return 'weak'
     case 3:
-      return "safe";
+      return 'safe'
     case 4:
-      return "secure";
+      return 'secure'
     default:
-      return null;
+      return null
   }
-};
+}
 
-export default nameScore;
+export default nameScore

src/logic/nameScore.js

@@ -1,55 +1,55 @@
 const scorePassword = pass => {
-  let score = 0;
-  let length = 0;
-  let specialChar = 0;
-  let caseMix = 0;
-  let numCharMix = 0;
-
-  let specialCharRegex = /[^A-Za-z0-9]/g;
-  let lowercaseRegex = /(.*[a-z].*)/g;
-  let uppercaseRegex = /(.*[A-Z].*)/g;
-  let numberRegex = /(.*[0-9].*)/g;
-  let repeatCharRegex = /(\w)(\1+\1+\1+\1+)/g;
-
-  let hasSpecialChar = specialCharRegex.test(pass);
-  let hasLowerCase = lowercaseRegex.test(pass);
-  let hasUpperCase = uppercaseRegex.test(pass);
-  let hasNumber = numberRegex.test(pass);
-  let hasRepeatChars = repeatCharRegex.test(pass);
+  let score = 0
+  let length = 0
+  let specialChar = 0
+  let caseMix = 0
+  let numCharMix = 0
+
+  const specialCharRegex = /[^A-Za-z0-9]/g
+  const lowercaseRegex = /(.*[a-z].*)/g
+  const uppercaseRegex = /(.*[A-Z].*)/g
+  const numberRegex = /(.*[0-9].*)/g
+  const repeatCharRegex = /(\w)(\1+\1+\1+\1+)/g
+
+  const hasSpecialChar = specialCharRegex.test(pass)
+  const hasLowerCase = lowercaseRegex.test(pass)
+  const hasUpperCase = uppercaseRegex.test(pass)
+  const hasNumber = numberRegex.test(pass)
+  const hasRepeatChars = repeatCharRegex.test(pass)
 
   if (pass.length > 4) {
     if ((hasLowerCase || hasUpperCase) && hasNumber) {
-      numCharMix = 1;
+      numCharMix = 1
     }
 
     if (hasUpperCase && hasLowerCase) {
-      caseMix = 1;
+      caseMix = 1
     }
 
     if ((hasLowerCase || hasUpperCase || hasNumber) && hasSpecialChar) {
-      specialChar = 1;
+      specialChar = 1
     }
 
     if (pass.length > 8) {
-      length = 1;
+      length = 1
     }
 
     if (pass.length > 12 && !hasRepeatChars) {
-      length = 2;
+      length = 2
     }
 
     if (pass.length > 25 && !hasRepeatChars) {
-      length = 3;
+      length = 3
     }
 
-    score = length + specialChar + caseMix + numCharMix;
+    score = length + specialChar + caseMix + numCharMix
 
     if (score > 4) {
-      score = 4;
+      score = 4
     }
   }
 
-  return score;
-};
+  return score
+}
 
-export default scorePassword;
+export default scorePassword

src/logic/scorePassword.js

@@ -4,5 +4,5 @@ import App from './App.vue'
 Vue.config.productionTip = false
 
 new Vue({
-  render: h => h(App),
+  render: h => h(App)
 }).$mount('#app')

src/main.js

@@ -3,28 +3,28 @@
 </template>
 
 <script>
-import { checkStrength, scorePassword } from "./logic";
+import { checkStrength, scorePassword } from './logic'
 
 export default {
-  name: "password-meter",
+  name: 'password-meter',
   props: {
     password: String
   },
   computed: {
-    passwordClass() {
+    passwordClass () {
       if (!this.password) {
-        return null;
+        return null
       }
-      const strength = checkStrength(this.password);
-      const score = scorePassword(this.password);
-      this.$emit("score", { score, strength });
+      const strength = checkStrength(this.password)
+      const score = scorePassword(this.password)
+      this.$emit('score', { score, strength })
       return {
         [strength]: true,
         scored: true
-      };
+      }
     }
   }
-};
+}
 </script>
 
 <style>

src/password-meter.vue

@@ -1,5 +1,5 @@
-export const risky = "sdwasdwq";
-export const guessable = "adsasdasd";
-export const weak = "asdasd1212";
-export const safe = "ASSAasd123";
-export const secure = "$p@RYr3y6";
+export const risky = 'sdwasdwq'
+export const guessable = 'adsasdasd'
+export const weak = 'asdasd1212'
+export const safe = 'ASSAasd123'
+export const secure = '$p@RYr3y6'

tests/password-examples.js

@@ -1,46 +1,46 @@
-import { checkStrength, scorePassword } from "@/logic";
-import { risky, guessable, weak, safe, secure } from "../password-examples";
-
-describe("checkStrength", () => {
-  it("return risky", () => {
-    expect(checkStrength(risky)).toBe("risky");
-  });
-
-  it("return guessable", () => {
-    expect(checkStrength(guessable)).toBe("guessable");
-  });
-
-  it("return weak", () => {
-    expect(checkStrength(weak)).toBe("weak");
-  });
-
-  it("return safe", () => {
-    expect(checkStrength(safe)).toBe("safe");
-  });
-
-  it("return secure", () => {
-    expect(checkStrength(secure)).toBe("secure");
-  });
-});
-
-describe("scorePassword", () => {
-  it("return risky = 0", () => {
-    expect(scorePassword(risky)).toBe(0);
-  });
-
-  it("return guessable = 1", () => {
-    expect(scorePassword(guessable)).toBe(1);
-  });
-
-  it("return weak = 2", () => {
-    expect(scorePassword(weak)).toBe(2);
-  });
-
-  it("return safe = 3", () => {
-    expect(scorePassword(safe)).toBe(3);
-  });
-
-  it("return secure = 4", () => {
-    expect(scorePassword(secure)).toBe(4);
-  });
-});
+import { checkStrength, scorePassword } from '@/logic'
+import { risky, guessable, weak, safe, secure } from '../password-examples'
+
+describe('checkStrength', () => {
+  it('return risky', () => {
+    expect(checkStrength(risky)).toBe('risky')
+  })
+
+  it('return guessable', () => {
+    expect(checkStrength(guessable)).toBe('guessable')
+  })
+
+  it('return weak', () => {
+    expect(checkStrength(weak)).toBe('weak')
+  })
+
+  it('return safe', () => {
+    expect(checkStrength(safe)).toBe('safe')
+  })
+
+  it('return secure', () => {
+    expect(checkStrength(secure)).toBe('secure')
+  })
+})
+
+describe('scorePassword', () => {
+  it('return risky = 0', () => {
+    expect(scorePassword(risky)).toBe(0)
+  })
+
+  it('return guessable = 1', () => {
+    expect(scorePassword(guessable)).toBe(1)
+  })
+
+  it('return weak = 2', () => {
+    expect(scorePassword(weak)).toBe(2)
+  })
+
+  it('return safe = 3', () => {
+    expect(scorePassword(safe)).toBe(3)
+  })
+
+  it('return secure = 4', () => {
+    expect(scorePassword(secure)).toBe(4)
+  })
+})