refactor: small refactors

Author: woothu

src/components/breadcrumb/CBreadcrumb.vue

@@ -1,7 +1,7 @@
 <template>
   <ol class="breadcrumb">
     <li
-      v-for="(item, index) in this.items.slice(0, -1)"
+      v-for="(item, index) in linkItems"
       :key="index"
       :class="[item.addClasses, sharedClasses, addLinkClasses]"
       role="presentation"
@@ -10,7 +10,8 @@
         {{item.text}}
       </CLink>
     </li>
-    <li 
+    <li
+      v-if="lastItem"
       :class="['active', lastItem.addClasses, sharedClasses, addLastItemClasses]"
       role="presentation"
     >
@@ -30,17 +31,17 @@ export default {
     CLink
   },
   props: {
-    items: {
-      type: Array,
-      required: true
-    },
+    items: Array,
     addClasses: [String, Array, Object],
     addLinkClasses: [String, Array, Object],
     addLastItemClasses: [String, Array, Object]
   },
   computed: {
     lastItem () {
-      return this.items[this.items.length -1]
+      return this.items ? this.items[this.items.length -1] : null
+    },
+    linkItems () {
+      return this.items ? this.items.slice(0, -1) : []
     },
     sharedClasses () {
       return [this.addClasses, 'breadcrumb-item']

src/components/card/CCardImg.vue

@@ -16,15 +16,14 @@ export default {
   functional: true,
   name: 'CCardImg',
   props,
-  render (h, { props, data, children }) {
+  render (h, { props, data }) {
     const haveClassSuffix = props.variant !== 'full'
     return h(
       CImg,
       mergeData(data, {
         class: `card-img${haveClassSuffix ? `-${props.variant}` : ''}`,
         props
-      }),
-      children
+      })
     )
   }
 }

src/components/scrollbar/CScrollbar.vue

@@ -13,11 +13,11 @@ export default {
     },
     switcher: {
       type: Boolean,
-      default: true,
+      default: true
     },
     tag: {
       type: String,
-      default: 'div',
+      default: 'div'
     }
   },
 

src/components/toast/CToast.vue

@@ -58,13 +58,14 @@ export default {
     }
   },
   watch: {
-    show: {
-      immediate: true,
-      handler (val) {
-        val ? this.display() : this.close()
-      }
+    show (val) {
+      val ? this.display() : this.close()
     }
   },
+  //needed not to be called in show watcher to allow SSR
+  mounted () {
+    this.show ? this.display() : this.close()
+  },
   computed: {
     toastClasses () {
       return [

src/components/toast/tests/__snapshots__/CToast.spec.js.snap

@@ -7,6 +7,7 @@ exports[`CToast renders correctly 1`] = `
   aria-live="assertive"
   class="toast"
   role="alert"
+  style=""
 >
   <!---->
    

src/components/toast/tests/__snapshots__/CToaster.spec.js.snap

@@ -18,6 +18,7 @@ exports[`CToaster renders correctly custom wrapper 1`] = `
     aria-live="assertive"
     class="toast"
     role="alert"
+    style=""
   >
     <!---->