refactor: CoreUI components

src/components/Breadcrumb/Breadcrumb.vue

@@ -0,0 +1,34 @@
+<template>
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item" :key="index" v-for="(item, index) in list">
+      <span class="active" v-if="isLast(index)">{{ showName(item) }}</span>
+      <router-link :to="item" v-else>{{ showName(item) }}</router-link>
+    </li>
+  </ol>
+</template>
+
+<script>
+  export default {
+    props: {
+      list: {
+        type: Array,
+        required: true,
+        default: () => []
+      }
+    },
+    methods: {
+      isLast (index) {
+        return index === this.list.length - 1
+      },
+      showName (item) {
+        if (item.meta && item.meta.label) {
+          item = item.meta && item.meta.label
+        }
+        if (item.name) {
+          item = item.name
+        }
+        return item
+      }
+    }
+  }
+</script>