refactor: minor code refactors, update snapshots

Author: woothu

dist/coreui-vue.common.js

@@ -86,12 +86,11 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
   .fade-enter-active, .fade-leave-active {
     transition: opacity .3s;
   }
   .fade-enter, .fade-leave-to {
     opacity: 0;
   }
-
 </style>

dist/coreui-vue.common.js.map

@@ -2,17 +2,21 @@
 import { mergeData } from 'vue-functional-data-merge'
 import CLink, { props as linkProps } from '../link/CLink'
 
-const props = Object.assign({}, linkProps, {
-  tag: {
-    type: String,
-    default: 'span'
-  },
-  color: String,
-  shape: {
-    type: String,
-    validator: shape => ['', 'pill'].includes(shape)
+const props = Object.assign(
+  {}, 
+  linkProps, 
+  {
+    tag: {
+      type: String,
+      default: 'span'
+    },
+    color: String,
+    shape: {
+      type: String,
+      validator: shape => ['', 'pill'].includes(shape)
+    }
   }
-})
+)
 
 export default {
   functional: true,

dist/coreui-vue.esm.js

@@ -12,11 +12,11 @@
     </li>
     <li
       v-if="lastItem"
-      :class="['active', lastItem.addClasses, sharedClasses, addLastItemClasses]"
+      :class="lastItemClasses"
       role="presentation"
     >
-     <!-- span added to enable text styling through classes -->
-     <span v-text="lastItem.text"></span>
+      <!-- span added to enable text styling through classes -->
+      <span v-text="lastItem.text"></span>
     </li>
     <slot></slot>
   </ol>
@@ -45,6 +45,14 @@ export default {
     },
     sharedClasses () {
       return [this.addClasses, 'breadcrumb-item']
+    },
+    lastItemClasses () {
+      return [
+        'active', 
+        this.lastItem.addClasses, 
+        this.sharedClasses, 
+        this.addLastItemClasses
+      ]
     }
   }
 }