From 743e5afa9e6ecd038f453a4dd14499c45a0ebdfd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dominik=20R=C3=B6schke?= <dominik.roeschke@web.de>
Date: Wed, 18 Oct 2023 14:40:49 +0200
Subject: [PATCH 1/3] Clarified toggleFilter function

---
 .../src/routes/(inner)/elements/chips/+page.svelte        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
index dab06ad632..3fe9a299ee 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
@@ -46,7 +46,7 @@
 		color = c;
 	}
 
-	function filter(flavor: string): void {
+	function toggleFilter(flavor: string): void {
 		flavors[flavor] = !flavors[flavor];
 	}
 </script>
@@ -161,7 +161,7 @@
 							<!-- prettier-ignore -->
 							<span
 								class="chip {flavors[f] ? 'variant-filled' : 'variant-soft'}"
-								on:click={() => { filter(f); }}
+								on:click={() => { toggleFilter(f); }}
 								on:keypress
 							>
 								{#if flavors[f]}<span><i class="fa-solid fa-check" /></span>{/if}
@@ -187,13 +187,13 @@ let flavors: Record<string, boolean> = {
 {#each Object.keys(flavors) as f}
 	<span
 		class="chip {flavors[f] ? 'variant-filled' : 'variant-soft'}"
-		on:click={() => { filter(f); }}
+		on:click={() => { toggleFilter(f); }}
 		on:keypress
 	>
 		{#if flavors[f]}<span>(icon)</span>{/if}
 		<span class="capitalize">{f}</span>
 	</span>
-{/each}
+{/each}http://localhost:5173/
 `}
 					/>
 				</svelte:fragment>

From 0d56de1b779dd3d83a0bbf098f6ead538edd32d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dominik=20R=C3=B6schke?= <dominik.roeschke@web.de>
Date: Thu, 19 Oct 2023 08:13:08 +0200
Subject: [PATCH 2/3] Removed superflous localhost.

---
 .../skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
index 3fe9a299ee..c789202cfd 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
@@ -193,7 +193,7 @@ let flavors: Record<string, boolean> = {
 		{#if flavors[f]}<span>(icon)</span>{/if}
 		<span class="capitalize">{f}</span>
 	</span>
-{/each}http://localhost:5173/
+{/each}
 `}
 					/>
 				</svelte:fragment>

From f5ae5a8dc9ef50ef128c3f1ab9a63126eaac477f Mon Sep 17 00:00:00 2001
From: endigo9740 <gundamx9740@gmail.com>
Date: Fri, 20 Oct 2023 10:12:39 -0500
Subject: [PATCH 3/3] Added Chips toggle function snippet

---
 .../src/routes/(inner)/elements/chips/+page.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
index c789202cfd..846df172eb 100644
--- a/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
+++ b/sites/skeleton.dev/src/routes/(inner)/elements/chips/+page.svelte
@@ -46,7 +46,7 @@
 		color = c;
 	}
 
-	function toggleFilter(flavor: string): void {
+	function toggle(flavor: string): void {
 		flavors[flavor] = !flavors[flavor];
 	}
 </script>
@@ -161,7 +161,7 @@
 							<!-- prettier-ignore -->
 							<span
 								class="chip {flavors[f] ? 'variant-filled' : 'variant-soft'}"
-								on:click={() => { toggleFilter(f); }}
+								on:click={() => { toggle(f); }}
 								on:keypress
 							>
 								{#if flavors[f]}<span><i class="fa-solid fa-check" /></span>{/if}
@@ -179,6 +179,14 @@ let flavors: Record<string, boolean> = {
 	chocolate: false,
 	strawberry: false
 };
+`}
+					/>
+					<CodeBlock
+						language="ts"
+						code={`
+function toggle(flavor: string): void {
+	flavors[flavor] = !flavors[flavor];
+}
 `}
 					/>
 					<CodeBlock
@@ -187,7 +195,7 @@ let flavors: Record<string, boolean> = {
 {#each Object.keys(flavors) as f}
 	<span
 		class="chip {flavors[f] ? 'variant-filled' : 'variant-soft'}"
-		on:click={() => { toggleFilter(f); }}
+		on:click={() => { toggle(f); }}
 		on:keypress
 	>
 		{#if flavors[f]}<span>(icon)</span>{/if}