fix: small fixes

Author: woothu

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
-    ['@vue/app', {
+    ['@babel/preset-env', {
       'modules': false,
     }]
   ]

src/components/Alert/CAlert.vue

@@ -11,7 +11,7 @@
         v-if="closeButton"
         @click="dismiss()"
       />
-      <slot :dismiss="dismiss"></slot>
+      <slot></slot>
     </div>
   </transition>
 </template>

src/components/Card/index.js

@@ -1,25 +1,26 @@
-import CCardGroup from './CCardGroup'
 import CCard from './CCard'
 import CCardBody from './CCardBody'
 import CCardFooter from './CCardFooter'
+import CCardGroup from './CCardGroup'
 import CCardHeader from './CCardHeader'
-import CCardTitle from './CCardTitle'
-import CCardSubtitle from './CCardSubtitle'
-import CCardText from './CCardText'
 import CCardImg from './CCardImg'
 import CCardImgOverlay from './CCardImgOverlay'
 import CCardLink from './CCardLink'
+import CCardSubtitle from './CCardSubtitle'
+import CCardText from './CCardText'
+import CCardTitle from './CCardTitle'
+
 
 export {
-  CCardGroup,
   CCard,
   CCardBody,
   CCardFooter,
   CCardHeader,
-  CCardTitle,
-  CCardSubtitle,
-  CCardText,
+  CCardGroup,
   CCardImg,
   CCardImgOverlay,
-  CCardLink
+  CCardLink,
+  CCardSubtitle,
+  CCardText,
+  CCardTitle
 }

src/components/Form/CForm.vue

@@ -5,10 +5,8 @@ export default {
   name: 'CForm',
   functional: true,
   props: {
-    // id: String,
     inline: Boolean,
-    // novalidate:  Boolean,
-    wasValidated: Boolean,
+    wasValidated: Boolean
   },
   render(h, { props, data, children }) {
     return h(
@@ -17,11 +15,7 @@ export default {
         class: {
           'form-inline': props.inline,
           'was-validated': props.wasValidated
-        },
-        // attrs: {
-        //   id: props.id,
-        //   novalidate: props.novalidate
-        // }
+        }
       }),
       children
     )

src/components/Grid/CCol.vue

@@ -18,30 +18,30 @@ export default {
   },
   render (h, { props, data, children }) {
     let classes = []
-    let prefixes = {
+    let suffixes = {
       'col': '', 
       'xs': '-xs', 
       'sm': '-sm', 
       'md': '-md', 
       'lg': '-lg', 
       'xl': '-xl'
     }
-    Object.keys(prefixes).forEach((key) => {
+    Object.keys(suffixes).forEach((key) => {
       if (props[key] === true) {
-        classes.push(`col${prefixes[key]}`)
+        classes.push(`col${suffixes[key]}`)
 
       } else if (typeof props[key] === 'number' || typeof props[key] === 'string') {
-        classes.push(`col${prefixes[key]}-${props[key]}`)
+        classes.push(`col${suffixes[key]}-${props[key]}`)
         
       } else if (typeof props[key] === 'object') {
         if (props[key].size) {
-          classes.push(`col${prefixes[key]}-${props[key].size}`)
+          classes.push(`col${suffixes[key]}-${props[key].size}`)
         }
         if (props[key].offset) {
-          classes.push(`offset${prefixes[key]}-${props[key].offset}`)
+          classes.push(`offset${suffixes[key]}-${props[key].offset}`)
         }
         if (props[key].order) {
-          classes.push(`order${prefixes[key]}-${props[key].order}`)
+          classes.push(`order${suffixes[key]}-${props[key].order}`)
         }
       }
     })

src/components/Sidebar/CSidebar.vue

@@ -109,16 +109,8 @@ export default {
       }
     },
     isOnMobile () {
-      return Boolean(getComputedStyle(this.$el).getPropertyValue('--on-mobile'))
+      return Boolean(getComputedStyle(this.$el).getPropertyValue('--is-mobile'))
     }
   }
 }
-</script>
-
-<style scoped>
-@media (max-width: 992px) {
-  .c-sidebar-lg-show {
-    --on-mobile: true;
-  }
-}
-</style>
+</script>

src/components/Sidebar/CSidebarBrand.vue

@@ -4,14 +4,14 @@
       <CLink v-if="wrappedInLink" v-bind="wrappedInLink">
         <img
           class="c-sidebar-brand-full" 
-          :src="fullSrc" 
+          :src="fullSrc || src" 
           width="118" 
           height="46" 
           alt="Logo"
         >
         <img 
           class="c-sidebar-brand-minimized" 
-          :src="minimizedSrc"
+          :src="minimizedSrc || src"
           width="118" 
           height="46" 
           alt="Logo"
@@ -20,14 +20,14 @@
       <template v-else>
         <img 
           class="c-sidebar-brand-full" 
-          :src="fullSrc" 
+          :src="fullSrc || src" 
           width="118" 
           height="46" 
           alt="Logo"
         >
         <img 
           class="c-sidebar-brand-minimized" 
-          :src="minimizedSrc"
+          :src="minimizedSrc || src"
           width="118" 
           height="46" 
           alt="Logo"
@@ -45,6 +45,7 @@ export default {
     CLink
   },
   props: {
+    src: String,
     fullSrc: String,
     minimizedSrc: String,
     wrappedInLink: Object

src/components/Sidebar/CSidebarNavDivider.vue

@@ -1,4 +1,4 @@
-<template functional>
+<template>
   <li class="c-sidebar-nav-divider"></li>
 </template>
 

src/components/Sidebar/CSidebarNavTitle.vue

@@ -1,4 +1,4 @@
-<template functional>
+<template>
   <li class="c-sidebar-nav-title">
     <slot></slot>
   </li>

src/components/Spinner/CSpinner.vue

@@ -9,7 +9,7 @@ export default {
     size: String,
     tag: {
       type: String,
-      default: 'span'
+      default: 'div'
     }
   },
   render(h, { props, data }) {