src/entities/Font/ui/FontList/FontList.svelte

@@ -5,23 +5,27 @@
     - Uses unifiedFontStore from context for data, but can accept explicit fonts via props.
 -->
 <script lang="ts">
-import { fontshareStore } from '$entities/Font/model/store/fontshareStore.svelte';
+import FontView from '$features/ShowFont/ui/FontView.svelte';
 import {
     Content as ItemContent,
     Root as ItemRoot,
     Title as ItemTitle,
 } from '$shared/shadcn/ui/item';
 import { VirtualList } from '$shared/ui';
+import { fontshareStore } from '../../model';
+
+$inspect(fontshareStore.fonts);
 </script>
 
 <VirtualList items={fontshareStore.fonts}>
     {#snippet children({ item: font })}
         <ItemRoot>
             <ItemContent>
-                <ItemTitle>{font.name}</ItemTitle>
+                <!-- <ItemTitle></ItemTitle> -->
                 <span class="text-xs text-muted-foreground">
-                    {font.category} • {font.provider}
+                    {font.provider} • {font.category}
                 </span>
+                <FontView id={font.id} slug={font.id} name={font.name}>{font.name}</FontView>
             </ItemContent>
         </ItemRoot>
     {/snippet}