<template>
  <div :class="[prefixCls, 'flex full relative']">
    <div :class="`${prefixCls}-content  pt-24`">

      <el-breadcrumb style="position: absolute; top: 80px;left: 120px" :separator-icon="ArrowRight">
        <el-breadcrumb-item class="text-2xl" :to="{ path: '/case' }">案例列表</el-breadcrumb-item>
        <el-breadcrumb-item class="text-2xl">案例详情</el-breadcrumb-item>
      </el-breadcrumb>
      <HtmlPreview :content="content" />
    </div>
  </div>
</template>

<script setup lang="ts">
definePageMeta({
  name: '案例详情',
  hidden: true,
  headerHost: false,
  parentPath: '/case',
  // @ts-ignore
  path: '/case/:id'
})
useHead({
  title: '案例详情'
})
import { ArrowRight } from '@element-plus/icons-vue'
useAppStore().setBannerTitle("案例详情")

const {prefixCls} = useDesign('mai-wrap');
const route = useRoute()
const content = ref('')
async function getData() {
  const data = await useApi().caseApi.getCaseInfo(route.params.id)
  console.log('data.data.info')
  content.value = data.data.info.content;
}
getData()
</script>

<style scoped></style>
