fix: incorrect usage of <slot> in accordion samples (#273)

AmadeusITGroup · Dec 1, 2023 · 430f3bb · 430f3bb
1 parent eba66fb
commit 430f3bb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/svelte/demo/samples/accordion/Default.route.svelte b/svelte/demo/samples/accordion/Default.route.svelte
@@ -5,15 +5,15 @@
 
 <Accordion>
 	<AccordionItem itemVisible={true}>
-		<slot slot="itemHeader">Simple</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">Simple</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 	<AccordionItem>
-		<slot slot="itemHeader"><span>&#9733; <b>Fancy</b> title &#9733;</span></slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader"><span>&#9733; <b>Fancy</b> title &#9733;</span></svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 	<AccordionItem itemDisabled={true}>
-		<slot slot="itemHeader">Disabled</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">Disabled</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 </Accordion>
diff --git a/svelte/demo/samples/accordion/Playground.route.svelte b/svelte/demo/samples/accordion/Playground.route.svelte
@@ -8,12 +8,12 @@
 {#key $props$}
 	<Accordion {...$props$}>
 		<AccordionItem>
-			<slot slot="itemHeader">Header 1</slot>
-			<slot slot="itemBody">Body 1</slot>
+			<svelte:fragment slot="itemHeader">Header 1</svelte:fragment>
+			<svelte:fragment slot="itemBody">Body 1</svelte:fragment>
 		</AccordionItem>
 		<AccordionItem>
-			<slot slot="itemHeader">Header 2</slot>
-			<slot slot="itemBody">Body 2</slot>
+			<svelte:fragment slot="itemHeader">Header 2</svelte:fragment>
+			<svelte:fragment slot="itemBody">Body 2</svelte:fragment>
 		</AccordionItem>
 	</Accordion>
 {/key}
diff --git a/svelte/demo/samples/accordion/TogglePanels.route.svelte b/svelte/demo/samples/accordion/TogglePanels.route.svelte
@@ -10,12 +10,12 @@
 
 <Accordion bind:this={accordion}>
 	<AccordionItem itemId="first">
-		<slot slot="itemHeader">First panel</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">First panel</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 	<AccordionItem itemId="second" bind:this={secondAccordionItem}>
-		<slot slot="itemHeader">Second panel</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">Second panel</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 </Accordion>
 <hr />