diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte index 09cc8ab..4ac3bcf 100644 --- a/src/components/svgCard.svelte +++ b/src/components/svgCard.svelte @@ -28,22 +28,26 @@ import { insertSVG as figmaInsertSVG } from '@/figma/insert-svg'; // Props: - export let svgInfo: iSVG; - export let searchTerm: string; + interface Props { + svgInfo: iSVG; + searchTerm: string; + } - let isInFigma = false; + let { svgInfo, searchTerm }: Props = $props(); + + let isInFigma = $state(false); onMount(() => { const searchParams = new URLSearchParams(window.location.search); isInFigma = searchParams.get('figma') === '1'; }); // Wordmark SVG: - let wordmarkSvg = false; - $: { + let wordmarkSvg = $state(false); + $effect(() => { if (searchTerm) { wordmarkSvg = false; } - } + }); const insertSVG = async (url?: string) => { const content = (await getSvgContent(url)) as string; @@ -56,7 +60,7 @@ // Max Categories: let maxVisibleCategories = 1; - let moreTagsOptions = false; + let moreTagsOptions = $state(false); // Global Styles: const globalImageStyles = 'mb-4 mt-2 h-10 select-none pointer-events-none'; @@ -156,7 +160,7 @@ {#if isInFigma}