From 27ac8e942a86fbf6564f91e1384fea343408151b Mon Sep 17 00:00:00 2001
From: Enrico Sacchetti <enrico@theetrain.ca>
Date: Thu, 5 Sep 2024 21:39:25 -0400
Subject: [PATCH] docs: format Svelte 5 notes

---
 README-svelte-5.md | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/README-svelte-5.md b/README-svelte-5.md
index 1308477..5c5ed0f 100644
--- a/README-svelte-5.md
+++ b/README-svelte-5.md
@@ -19,9 +19,22 @@
      import { CartesianWithRunes as Cartesian } from "svelte-cartesian"
    </script>
 
-   {#snippet children()} Click me {/snippet} <Cartesian Component={Button}
-   props={{ variant: ['primary', 'secondary'], size: ['medium', 'large'],
-   children: [children] }} />
+   <!-- define snippet possibilities -->
+   {#snippet children()}
+      Click me
+   {/snippet}
+   
+   <!--
+      Pass in prop and Snippet possibilities as an array of values.
+   -->
+   <Cartesian
+      Component={Button}
+      props={{
+         variant: ['primary', 'secondary'],
+         size: ['medium', 'large'],
+         children: [children]
+      }}
+   />
    ```
 
 3. Pass props with array of potential values, including an explicit `undefined`