<script lang="ts" setup>
import { useRouter } from 'vue-router';

import { Fallback } from '@vben/common-ui';

import { Button } from 'ant-design-vue';

defineOptions({ name: 'BreadcrumbLateral' });

const router = useRouter();

function details() {
  router.push({ name: 'BreadcrumbLateralDetail' });
}
</script>

<template>
  <Fallback
    description="点击查看详情，并观察面包屑导航变化"
    status="coming-soon"
    title="面包屑导航-平级模式"
  >
    <template #action>
      <Button type="primary" @click="details">点击查看详情</Button>
    </template>
  </Fallback>
</template>
