<script setup>
defineOptions({
  name: 'xtx-bread-item'
})

defineProps({
  to: {
    // 可能是字符串 or 对象
    type: [String, Object],
    default: '',
  },
})
</script>

<template>
  <!-- 面包屑的一项 -->
  <div class="xtx-bread-item">
    <!-- 带链接跳转 -->
    <router-link v-if="to" :to="to">
      <slot></slot>
    </router-link>

    <!-- 不带链接跳转 -->
    <span v-else>
      <slot></slot>
    </span>
  </div>
</template>

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