From 2fde138c467a107245870af657d35f76bef51e41 Mon Sep 17 00:00:00 2001
From: shamaamahh <shamaamah.ahmad@gmail.com>
Date: Fri, 2 May 2025 03:39:05 -0400
Subject: [PATCH] fix(lucide-svelte): Resolve Svelte 5 deprecation of
 svelte:component (#3112)

* removed flutter package link

* created drumsticks.svg and json

* Update to Svelte 5 syntax (removed svelte:component)

* Remove drumsticks icons

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
---
 docs/guide/packages/lucide-svelte.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/guide/packages/lucide-svelte.md b/docs/guide/packages/lucide-svelte.md
index f92309c01..8012559a7 100644
--- a/docs/guide/packages/lucide-svelte.md
+++ b/docs/guide/packages/lucide-svelte.md
@@ -162,11 +162,13 @@ The package includes type definitions for all icons. This is useful if you want
 </script>
 
 {#each menuItems as item}
+  {@const Icon = item.icon}
   <a href={item.href}>
-    <svelte:component this={item.icon} />
+    <Icon />
     <span>{item.name}</span>
   </a>
 {/each}
+
 ```
 :::
 
@@ -246,8 +248,9 @@ The package includes type definitions for all icons. This is useful if you want
 </script>
 
 {#each menuItems as item}
+  {@const Icon = item.icon}
   <a href={item.href}>
-   <svelte:component this={item.icon} />
+    <Icon />
     <span>{item.name}</span>
   </a>
 {/each}