Function fetch

src/components/ui/link-card/LinkCard.tsx:467–515

(id, setCardInfo, setFullUrl)

    return canParsedTypes.includes(type) && realId.length > 0
  },
  async fetch(id, setCardInfo, setFullUrl) {
    const [type, realId] = id.split('/')

    setCardInfo({
      classNames: { cardRoot: '!w-full' },
    })
    const json = await fetch(`/api/tmdb/${type}/${realId}?language=zh-CN`)
      .then((r) => r.json())
      .catch((err) => {
        console.error('Error fetching TMDB data:', err)
        throw err
      })

    const title = type === 'tv' ? json.name : json.title
    const originalTitle =
      type === 'tv' ? json.original_name : json.original_title
    setCardInfo({
      title: (
        <span className="flex flex-wrap items-end gap-2">
          <span>{title}</span>
          {title !== originalTitle && (
            <span className="text-sm opacity-70">({originalTitle})</span>
          )}
          <span className="inline-flex shrink-0 items-center gap-1 self-center text-xs text-orange-400 dark:text-yellow-500">
            <MingcuteStarHalfFill />
            <span className="font-sans font-medium">
              {json.vote_average > 0 && json.vote_average.toFixed(1)}
            </span>
          </span>
        </span>
      ),
      desc: (
        <span className="line-clamp-none overflow-visible whitespace-pre-wrap">
          {json.overview}
        </span>
      ),
      image: `https://image.tmdb.org/t/p/w500${json.poster_path}`,
      color: uniqolor(json.name, {
        saturation: [30, 35],
        lightness: [60, 70],
      }).color,

      classNames: {
        image: 'self-start !h-[75px] !w-[50px]',
        cardRoot: '!w-full !flex-row-reverse',
      },
    })
    json.homepage && setFullUrl(json.homepage)
  },
}

const fetchLeetCodeQuestionData: FetchObject = {