From c863bea2dc7b8445d8c5feeaa498d3b53dae28a4 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 9 Jan 2026 16:18:16 +0300
Subject: [PATCH] feat: create FontList component with use of VirtualList

---
 src/entities/Font/ui/FontList/FontList.svelte | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/entities/Font/ui/FontList/FontList.svelte

diff --git a/src/entities/Font/ui/FontList/FontList.svelte b/src/entities/Font/ui/FontList/FontList.svelte
new file mode 100644
index 0000000..ba5a97a
--- /dev/null
+++ b/src/entities/Font/ui/FontList/FontList.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+import {
+    Content as ItemContent,
+    Root as ItemRoot,
+    Title as ItemTitle,
+} from '$shared/shadcn/ui/item';
+import { VirtualList } from '$shared/ui';
+import { fontCollection } from '../../model';
+</script>
+
+<VirtualList items={fontCollection.filteredFonts}>
+    {#snippet children({ item, index })}
+        <ItemRoot>
+            <ItemContent>
+                <ItemTitle>{item.name}</ItemTitle>
+                {item.name}
+            </ItemContent>
+        </ItemRoot>
+    {/snippet}
+</VirtualList>