From a0f3b8af2994954259cd6d6ffda6f17179288deb Mon Sep 17 00:00:00 2001
From: Eric Fennis <eric.fennis@gmail.com>
Date: Fri, 5 Apr 2024 13:17:32 +0200
Subject: [PATCH] Update guides

---
 docs/guide/packages/lucide-preact.md       |  2 +-
 docs/guide/packages/lucide-react-native.md |  2 +-
 docs/guide/packages/lucide-react.md        |  2 +-
 docs/guide/packages/lucide-solid.md        |  5 +----
 docs/guide/packages/lucide-svelte.md       | 12 +++++-------
 docs/guide/packages/lucide-vue-next.md     |  3 +--
 6 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/docs/guide/packages/lucide-preact.md b/docs/guide/packages/lucide-preact.md
index ec884b9676..65cbcbcd73 100644
--- a/docs/guide/packages/lucide-preact.md
+++ b/docs/guide/packages/lucide-preact.md
@@ -72,7 +72,7 @@ const App = () => {
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component
 
diff --git a/docs/guide/packages/lucide-react-native.md b/docs/guide/packages/lucide-react-native.md
index 39885c0e6b..2ff2cf1dca 100644
--- a/docs/guide/packages/lucide-react-native.md
+++ b/docs/guide/packages/lucide-react-native.md
@@ -66,7 +66,7 @@ const App = () => {
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component
 
diff --git a/docs/guide/packages/lucide-react.md b/docs/guide/packages/lucide-react.md
index d40e5b55aa..55901b25cb 100644
--- a/docs/guide/packages/lucide-react.md
+++ b/docs/guide/packages/lucide-react.md
@@ -66,7 +66,7 @@ const App = () => {
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component
 
diff --git a/docs/guide/packages/lucide-solid.md b/docs/guide/packages/lucide-solid.md
index 7eacbb5e8a..fb7e0d6c38 100644
--- a/docs/guide/packages/lucide-solid.md
+++ b/docs/guide/packages/lucide-solid.md
@@ -77,10 +77,7 @@ import { Icon } from 'lucide-solid';
 import { burger, sausage } from '@lucide/lab';
 
 const App = () => (
-  <>
-    <Icon iconNode={burger} />
-    <Icon iconNode={sausage} color="red"/>
-  </>
+  <Icon iconNode={sausage} color="red"/>
 );
 ```
 
diff --git a/docs/guide/packages/lucide-svelte.md b/docs/guide/packages/lucide-svelte.md
index 3829c65421..3cace0595c 100644
--- a/docs/guide/packages/lucide-svelte.md
+++ b/docs/guide/packages/lucide-svelte.md
@@ -177,16 +177,14 @@ All props like the regular Lucide icons can be passed to adjust the icon appeara
 
 This creates a single icon based on the iconNode passed and renders a Lucide icon component.
 
-```jsx
+```svelte
+<script>
 import { Icon } from 'lucide-svelte';
 import { burger, sausage } from '@lucide/lab';
+</script>
 
-const App = () => (
-  <>
-    <Icon iconNode={burger} />
-    <Icon iconNode={sausage} color="red"/>
-  </>
-);
+<Icon iconNode={burger} />
+<Icon iconNode={sausage} color="red"/>
 ```
 
 ## One generic icon component
diff --git a/docs/guide/packages/lucide-vue-next.md b/docs/guide/packages/lucide-vue-next.md
index 98310aa337..f55ab3c96c 100644
--- a/docs/guide/packages/lucide-vue-next.md
+++ b/docs/guide/packages/lucide-vue-next.md
@@ -74,8 +74,7 @@ To customize the appearance of an icon, you can pass custom properties as props
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
-
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component