eslint configure worked

Author: edisdev

package.json

@@ -38,10 +38,14 @@
     "@vue/cli-plugin-eslint": "^3.0.0",
     "@vue/cli-plugin-unit-jest": "~4.5.0",
     "@vue/cli-service": "^3.0.0",
+    "@vue/eslint-config-standard": "^6.0.0",
     "@vue/test-utils": "^1.2.1",
     "babel-eslint": "^10.0.1",
-    "eslint": "^5.8.0",
-    "eslint-plugin-vue": "^5.0.0-0",
+    "eslint": "^7.29.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-vue": "^7.11.1",
     "vue-template-compiler": "^2.6.14"
   },
   "eslintConfig": {
@@ -51,7 +55,7 @@
     },
     "extends": [
       "plugin:vue/essential",
-      "eslint:recommended"
+      "@vue/standard"
     ],
     "rules": {},
     "parserOptions": {
@@ -79,4 +83,4 @@
     "last 2 versions",
     "not ie <= 8"
   ]
-}
+}

src/components/calendar.vue

@@ -77,96 +77,96 @@ export default {
   props: {
     calendar: {
       type: Object,
-      required: true,
+      required: true
     },
     currentDate: {
       type: Object,
-      required: true,
+      required: true
     },
     formatDate: {
       type: Function,
-      required: true,
+      required: true
     },
     selectedDate: {
-      required: true,
+      required: true
     },
     range: {
-      type: Boolean,
+      type: Boolean
     },
     textFormat: {
       type: String,
-      required: true,
+      required: true
     },
     pickerType: {
       type: String,
-      default: "start",
+      default: 'start'
     },
     circle: {
       type: Boolean,
-      default: false,
+      default: false
     },
     viewMode: {
-      type: String,
+      type: String
     },
     rangeSeperator: {
-      type: String,
+      type: String
     },
-    disableDate: {},
+    disableDate: {}
   },
   computed: {
-    selectPickerDate() {
-      if (this.range)
-        return this.pickerType === "start"
+    selectPickerDate () {
+      if (this.range) {
+        return this.pickerType === 'start'
           ? this.selectedDate[0]
-          : this.selectedDate[1];
-      else return this.selectedDate;
+          : this.selectedDate[1]
+      } else return this.selectedDate
     },
-    isDayMode() {
-      return this.viewMode === "days";
+    isDayMode () {
+      return this.viewMode === 'days'
     },
-    yearsRange() {
-      let years = this.calendar.years;
-      return years[0] + this.rangeSeperator + years[years.length - 1];
+    yearsRange () {
+      const years = this.calendar.years
+      return years[0] + this.rangeSeperator + years[years.length - 1]
     },
-    dayViewText() {
+    dayViewText () {
       return (
         this.calendar.months[this.currentDate.month].name +
-        " " +
+        ' ' +
         this.currentDate.year
-      );
+      )
     },
-    viewButtonText() {
-      let text;
+    viewButtonText () {
+      let text
       switch (this.viewMode) {
-        case "years":
-          text = this.yearsRange;
-          break;
-        case "months":
-          text = this.currentDate.year;
-          break;
+        case 'years':
+          text = this.yearsRange
+          break
+        case 'months':
+          text = this.currentDate.year
+          break
         default:
-          text = this.dayViewText;
+          text = this.dayViewText
       }
-      return text;
+      return text
     },
-    years() {
+    years () {
       return this.calendar.years.map((y) => {
-        let disable =
+        const disable =
           (!!this.disableDate &&
             !!this.disableDate.from &&
             new Date(this.disableDate.from).getFullYear() < y) ||
           (!!this.disableDate.to &&
-            new Date(this.disableDate.to).getFullYear() > y);
+            new Date(this.disableDate.to).getFullYear() > y)
         return {
           year: y,
-          disable,
-        };
-      });
+          disable
+        }
+      })
     },
-    months() {
-      let { year } = this.currentDate;
-      let endDate = new Date(this.disableDate.to)
-      let startDate = new Date(this.disableDate.from)
+    months () {
+      const { year } = this.currentDate
+      const endDate = new Date(this.disableDate.to)
+      const startDate = new Date(this.disableDate.from)
 
       return this.calendar.months.map((m) => {
         let disable = true
@@ -176,73 +176,73 @@ export default {
              endDate.getFullYear() >= year) ||
            (!!this.disableDate.from &&
              startDate.getMonth() > m.index &&
-             startDate.getFullYear() <= year);
+             startDate.getFullYear() <= year)
         } else {
           disable = (this.disableDate.from &&
              startDate.getMonth() < m.index &&
              startDate.getFullYear() <= year)
         }
         return {
           disable,
-          ...m,
-        };
-      });
-    },
+          ...m
+        }
+      })
+    }
   },
   methods: {
-    getDate(date) {
-      return new Date(date).setHours(0, 0, 0, 0);
-    },
-    isInSelectedDate(date) {
-      if (!this.range) return null;
-      let selectedDate1 = this.getDate(this.selectedDate[0]);
-      let selectedDate2 = this.getDate(this.selectedDate[1]);
-      let currentDate = this.getDate(date);
+    getDate (date) {
+      return new Date(date).setHours(0, 0, 0, 0)
+    },
+    isInSelectedDate (date) {
+      if (!this.range) return null
+      const selectedDate1 = this.getDate(this.selectedDate[0])
+      const selectedDate2 = this.getDate(this.selectedDate[1])
+      const currentDate = this.getDate(date)
 
-      return selectedDate1 <= currentDate && selectedDate2 >= currentDate;
+      return selectedDate1 <= currentDate && selectedDate2 >= currentDate
     },
-    handlerDate(fullDate) {
-      this.$emit("handlerDate", { fullDate, picker: this.pickerType });
+    handlerDate (fullDate) {
+      this.$emit('handlerDate', { fullDate, picker: this.pickerType })
     },
-    prev() {
+    prev () {
       switch (this.viewMode) {
-        case "days":
-          this.$emit("prevMonth", this.pickerType);
-          break;
-        case "months":
-          this.$emit("setUniqYear", {
+        case 'days':
+          this.$emit('prevMonth', this.pickerType)
+          break
+        case 'months':
+          this.$emit('setUniqYear', {
             year: this.currentDate.year - 1,
-            picker: this.pickerType,
-          });
-          break;
-        case "years":
-          this.$emit("setYears", { route: "prev", picker: this.pickerType });
+            picker: this.pickerType
+          })
+          break
+        case 'years':
+          this.$emit('setYears', { route: 'prev', picker: this.pickerType })
       }
     },
-    next() {
+    next () {
       switch (this.viewMode) {
-        case "days":
-          this.$emit("nextMonth", this.pickerType);
-          break;
-        case "months":
-          this.$emit("setUniqYear", {
+        case 'days':
+          this.$emit('nextMonth', this.pickerType)
+          break
+        case 'months':
+          this.$emit('setUniqYear', {
             year: this.currentDate.year + 1,
-            picker: this.pickerType,
-          });
-          break;
-        case "years":
-          this.$emit("setYears", { route: "next", picker: this.pickerType });
+            picker: this.pickerType
+          })
+          break
+        case 'years':
+          this.$emit('setYears', { route: 'next', picker: this.pickerType })
       }
     },
-    changeViewMode(mode) {
-      this.$emit("changeViewMode", { mode, picker: this.pickerType });
+    changeViewMode (mode) {
+      this.$emit('changeViewMode', { mode, picker: this.pickerType })
     },
-    setYear(year) {
-      this.$emit("setYear", { year, picker: this.pickerType });
+    setYear (year) {
+      this.$emit('setYear', { year, picker: this.pickerType })
     },
-    setMonth(month) {
-      this.$emit("setMonth", { month, picker: this.pickerType });
-    },
-  },
-};
+    setMonth (month) {
+      this.$emit('setMonth', { month, picker: this.pickerType })
+    }
+  }
+}
 </script>