fix: configure lint and fix lint errors

Author: woothu

.eslintrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    'eslint:recommended'
+  ],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'vue/return-in-computed-property': 'off',
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  }
+}

build/createCustomStylesLibrary.js

@@ -1,7 +1,6 @@
 const fs = require('fs-extra')
 fs.copy('src', 'tmp').then(() => {
   fs.readdir('tmp/components', (e, directories) => {
-    console.log('hehe')
     directories.forEach((directory) => {
       fs.readdir(`tmp/components/${directory}`, function(e, files) {
         if (!files) {

package.json

@@ -53,7 +53,7 @@
     "createCustom": "node build/createCustomStylesLibrary.js",
     "buildCustom": "vue-cli-service build --target lib --name custom ./tmp/index.js",
     "deleteCustom": "node build/deleteTmpFolder.js",
-    "lint": "vue-cli-service lint",
+    "lint": "vue-cli-service lint --ignore-pattern **/*spec.js",
     "test": "vue-cli-service test:unit",
     "test:coverage": "vue-cli-service test:unit --coverage --collectCoverageFrom=src/**/*.{js,vue} --collectCoverageFrom=!**/index*",
     "test:e2e": "vue-cli-service test:e2e",

rollup.config.js

@@ -10,9 +10,9 @@ import resolve from "rollup-plugin-node-resolve";
 import replace from "rollup-plugin-replace";
 import magicImporter from 'node-sass-magic-importer';
 
-import { uglify } from "rollup-plugin-uglify";
+// import { uglify } from "rollup-plugin-uglify";
 import vue from "rollup-plugin-vue";
-import { minify } from "uglify-es";
+// import { minify } from "uglify-es";
 
 import pack from "./package.json";
 

src/components/Alert/CAlert.vue

@@ -33,7 +33,7 @@ export default {
     },
     dismissible: {
       type: [Boolean, String],
-      validator: val => [false, true, 'disabled', 'customButton']
+      validator: val => [false, true, 'disabled', 'customButton'].includes(val)
     },
     show: {
       type: [Boolean, Number],

src/components/Dropdown/CDropdown.vue

@@ -12,10 +12,10 @@ export default {
       visible: this.show
     }
   },
-  mounted () {
-    if(this.show)
-      this.createPopper
-  },
+  // mounted () {
+  //   if(this.show)
+  //     this.createPopper
+  // },
   props: {
     buttonHtml: {
       type: String,

src/directives/CPopover.js

@@ -3,7 +3,7 @@ import Tooltip from 'tooltip.js'
 export default {
   name: 'c-popover',
   tooltip: null,
-  inserted (el, binding, vnode) {
+  inserted (el, binding) {
     const tooltip = new Tooltip(el, binding.def.getTooltipConfig(binding))
     binding.def._tooltip = tooltip
     if (binding.value.active)

src/directives/CTooltip.js

@@ -34,7 +34,7 @@ export default {
       popperOptions: props.popperOptions
     }
   },
-  getTemplate (title) {
+  getTemplate () {
     return `<div class="c-tooltip c-bs-tooltip-auto c-fade c-show" role="tooltip">
               <div class="c-arrow"></div>
               <div class="c-tooltip-inner"></div>