refactor: removed current option from CBreadcrumb, add props allowing class manipulation, enable HTML text.

Author: woothu

src/components/Breadcrumb/CBreadcrumb.js

@@ -6,20 +6,26 @@ export default {
   name: 'CBreadcrumb',
   props: {
     items: Array,
+    addLinkClasses: [String, Array],
+    lastItemClasses: [String, Array],
   },
   render (h, { props, data }) {
     if(!Array.isArray(props.items)){ return }
     let childNodes = props.items.map((item, index, items) => {
-      const active = items.length === index + 1 && item.current === undefined || item.current
-      const tag = active ? 'span' : CLink
-      const itemProps = active ? { class: { active: true } } : { props: item }
+      if(typeof item !== 'object'){ return }
+      const isLast = items.length === index + 1
+      const tag = isLast ? 'span' : CLink
+      const itemProps = isLast ?
+        { class: props.lastItemClasses, domProps: { innerHTML: item.text} } :
+        { class: [props.addLinkClasses, item.addLinkClasses],
+          domProps: { innerHTML: item.text}, props: item }
       return h('li',
              {
                staticClass: 'breadcrumb-item',
-               class: { active: active },
+               class: { active: isLast },
                attrs: { role: 'presentation' }
              },
-             [h(tag, itemProps, item.text)])
+             [h(tag, itemProps)])
     })
     return h('ol', mergeData(data, { staticClass: 'breadcrumb' }), childNodes)
   }

src/components/Breadcrumb/CBreadcrumbRouter.js

@@ -1,11 +1,11 @@
 import CBreadcrumb from './CBreadcrumb'
 
-export default{
+export default {
   name: 'CBreadcrumbRouter',
   computed: {
     items () {
-      const routes = this.$route.matched.filter((route) => route.name || route.meta.label)
-      return routes.map((route) => {
+      const routes = this.$route.matched.filter(route => route.name || route.meta.label)
+      return routes.map(route => {
         const item = {
           to: route,
           text: route.meta && route.meta.label ? route.meta.label : route.name || null
@@ -15,6 +15,6 @@ export default{
     }
   },
   render (h){
-    return h(CBreadcrumb, { props: {items: this.items} })
+    return h(CBreadcrumb, { props: { items: this.items }})
   }
 }