<template>
  <div class="mb-4">
    <el-breadcrumb :separator-class="'el-icon-arrow-right'">
      <el-breadcrumb-item
        v-for="(item, index) in breadcrumbItems"
        :key="index"
        :to="{ path: item.path, query: { searchQuery: item.contentTitle } }"
      >
        {{ item.title }}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script setup>
import { ref } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();

const props = defineProps({
  breadcrumbItems: Array,
});
</script>

<style lang="scss" scoped></style>
