your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 import { marked } from 'marked';
3 import type { ContentComponentProps } from '../types';
4
5 let { item }: ContentComponentProps = $props();
6
7 const renderer = new marked.Renderer();
8 renderer.link = ({ href, title, text }) =>
9 `<a target="_blank" href="${href}" title="${title}">${text}</a>`;
10</script>
11
12<div
13 class="line-clamp-1 inline-flex h-full w-full items-end rounded-md p-1 px-2 text-2xl font-semibold"
14>
15 {item.cardData.text}
16</div>