-2

src/lib/cards/BigSocialCard/BigSocialCard.svelte

reviewed

··· 5 5 let { item }: ContentComponentProps = $props(); 6 6 7 7 const platform = $derived(item.cardData.platform as string); 8 8 - 9 9 - $inspect(platformsData[platform].svg) 10 8 </script> 11 9 12 10 <a

-2

src/lib/cards/TextCard/EditingTextCard.svelte

reviewed

··· 9 9 let { item = $bindable<Item>() }: ContentComponentProps = $props(); 10 10 11 11 let editor: Editor | null = $state(null); 12 12 - 13 13 - $inspect(textSizeClasses[item.cardData.textSize as number]); 14 12 </script> 15 13 16 14 <!-- svelte-ignore a11y_no_static_element_interactions -->

+3 -2

src/lib/cards/TextCard/TextCard.svelte

reviewed

··· 2 2 import { marked } from 'marked'; 3 3 import type { ContentComponentProps } from '../types'; 4 4 import { textAlignClasses, textSizeClasses, verticalAlignClasses } from '.'; 5 5 + import { cn } from '@foxui/core'; 5 6 6 7 let { item }: ContentComponentProps = $props(); 7 8 ··· 11 12 </script> 12 13 13 14 <div 14 14 - class={[ 15 15 + class={cn( 15 16 'prose dark:prose-invert prose-neutral prose-sm prose-a:no-underline prose-a:text-accent-600 dark:prose-a:text-accent-400 accent:prose-a:text-accent-950 accent:prose-a:underline accent:prose-p:text-base-900 prose-p:first:mt-0 prose-p:last:mb-0 prose-headings:first:mt-0 prose-headings:last:mb-0 inline-flex h-full min-h-full w-full max-w-none overflow-y-scroll rounded-md p-3 text-lg', 16 17 textAlignClasses?.[item.cardData.textAlign as string], 17 18 verticalAlignClasses[item.cardData.verticalAlign as string], 18 19 textSizeClasses[(item.cardData.textSize ?? 0) as number] 19 19 - ]} 20 20 + )} 20 21 > 21 22 <span>{@html marked.parse(item.cardData.text ?? '', { renderer })}</span> 22 23 </div>