<!--
 * @Author: Devin
 * @Date: 2023-01-11 17:13:59
 * @LastEditors: Devin
 * @LastEditTime: 2023-02-22 14:40:05
 * @Description: 面包屑组件
-->
<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item
      v-for="(bread, index) in breads"
      :key="index"
      :to="bread['to']"
    >
      {{ bread['name'] }}
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';

defineProps({
  breads: {
    type: Array,
    default: () => []
  }
});
</script>
<script lang="ts">
export default {
  name: 'CommonBread'
};
</script>
<style scoped lang="scss"></style>
