<template>
  <el-card class="breadcrumb-card">
    <el-breadcrumb :separator-icon="ArrowRight">
      <template v-for="matched in $route.matched">
        <el-breadcrumb-item v-if="matched.meta.breadcrumb" :to="$router.resolve(matched)">
          {{ matched.meta.breadcrumb }}
        </el-breadcrumb-item>
      </template>
    </el-breadcrumb>
  </el-card>
</template>
<script setup lang="ts">
import { ArrowRight } from '@element-plus/icons-vue';
</script>
