fix: small fixes in imports and linting warnings

Author: woothu

package.json

@@ -59,6 +59,7 @@
     "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
     "chart.js": "^2.7.3",
     "core-js": "^2.5.7",
+    "element-resize-detector": "^1.2.0",
     "popper.js": "^1.14.6",
     "tooltip.js": "^1.3.1",
     "vue": "^2.5.17",

src/components/Button/CButton.js

@@ -53,11 +53,11 @@ function computePassedProps (props) {
   return isLink(props) ? pluckProps(linkPropsFactory(), props) : null
 }
 
-function computeAttrs (props, data, link, toggle) {
+function computeAttrs (props, data, isButton, toggle) {
   return {
-    type: !link ? props.type : null,
+    type: isButton ? props.type : null,
     // in CLink disabled property works diffrently
-    disabled: !link ? props.disabled : null,
+    disabled: isButton ? props.disabled : null,
     'aria-pressed': toggle ? String(props.pressed) : null,
     // autocomplete off is needed in toggle mode to prevent some browsers from
     // remembering the previous setting when using the back button.
@@ -71,7 +71,7 @@ export default {
   props: props,
   render (h, { props, data, listeners, children }) {
     const toggle = isToggle(props)
-    const link = isLink(props)
+    const isButton = !isLink(props)
     const on = {
       click (e) {
         if (props.disabled && e instanceof Event) {
@@ -87,9 +87,9 @@ export default {
       staticClass: 'btn',
       class: computeClasses(props),
       props: computePassedProps(props),
-      attrs: computeAttrs(props, data, link, toggle),
+      attrs: computeAttrs(props, data, isButton, toggle),
       on
     }
-    return h(link ? CLink : 'button', mergeData(data, componentData), children)
+    return h(isButton ? 'button' : CLink , mergeData(data, componentData), children)
   }
 }

src/components/Embed/CEmbed.js

@@ -18,6 +18,7 @@ export const props = {
 }
 export default {
   functional: true,
+  name: 'CEmbed',
   props,
   render (h, { props, data, children }) {
     return h(

src/components/Forms/CForm.js renamed to src/components/Form/CForm.js

@@ -76,7 +76,7 @@ export default {
     // classesComputedProps mixin
     haveCustomSize () {
       return ['','sm','lg'].includes(this.size) &&
-             Boolean(this.size) && !Boolean(this.custom)
+             Boolean(this.size && !this.custom)
     },
     // haveCustomSize () {
     //   return ['','sm','lg'].includes(this.size) && Boolean(this.size)

src/components/Forms/CFormCheckbox.vue renamed to src/components/Form/CFormCheckbox.vue

@@ -171,7 +171,7 @@ export default {
         return
 
       clearTimeout(this.syncTimeout)
-      this.syncTimeout = setTimeout((val) => {
+      this.syncTimeout = setTimeout(() => {
         this.$emit('sync', this.state, e)
       }, this.lazy !== false ? this.lazy : 0)
     },

src/components/Forms/CFormFile.vue renamed to src/components/Form/CFormFile.vue

@@ -23,12 +23,14 @@
                 :value="String(option.value)"
                 :disabled="option.disabled"
                 :data-key="key"
+                :key="key"
         >
           {{option.text || option.value}}
         </option>
         <option v-else
                 :value="String(option)"
                 :data-key="key"
+                :key="key"
         >
           {{option}}
         </option>
@@ -51,7 +53,7 @@ const mixins = Object.values(allFormMixins)
 import { formSelectProps as props } from './formProps'
 import CFormGroup from './CFormGroup'
 export default {
-  name: 'CFormInput',
+  name: 'CFormSelect',
   inheritAttrs: false,
   components: { CFormGroup },
   mixins,

src/components/Forms/CFormGroup.vue renamed to src/components/Form/CFormGroup.vue

@@ -157,7 +157,7 @@ export default {
         return
 
       clearTimeout(this.syncTimeout)
-      this.syncTimeout = setTimeout((val) => {
+      this.syncTimeout = setTimeout(() => {
         this.$emit('sync', this.state, e)
       }, this.lazy !== false ? this.lazy : 0)
     },