<template>
  <NuxtLink
    :to="`/t/${itemData.id}`"
    target="_blank"
    class="flex cursor-pointer flex-col"
  >
    <van-image
      :src="formatImgSrc(itemData.homeHotPicturesAfterConvert)"
      class="aspect-[226/254] object-cover"
      radius="10px"
      fit="cover"
    />
    <span class="mt-5 truncate text-xl font-bold text-black-3">
      {{ itemData.shortTitle }}
    </span>
    <span class="mt-5 truncate text-base text-black-6">{{
      itemData.shortDescription
    }}</span>
  </NuxtLink>
</template>

<script setup>
defineProps({
  itemData: {
    type: Object,
    default: () => {},
  },
});
</script>

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