From 03550929db651b62b9f283422ebb178be4f80a95 Mon Sep 17 00:00:00 2001
From: Simon Green <simon@captaincodeman.com>
Date: Wed, 16 Aug 2023 12:41:15 -0600
Subject: [PATCH] Link to example pages instead of repo

---
 src/routes/components/components.json | 38 +++++++++++++++++++--------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/routes/components/components.json b/src/routes/components/components.json
index d02d1be46..b83a502f6 100644
--- a/src/routes/components/components.json
+++ b/src/routes/components/components.json
@@ -2984,7 +2984,7 @@
 	},
 	{
 		"title": "svelte-transition",
-		"url": "https://github.com/captaincodeman/svelte-transition",
+		"url": "https://captaincodeman.github.io/svelte-headlessui/transition/",
 		"description": "Svelte component to apply CSS classes matching the syntax in TailwindUI components",
 		"npm": "svelte-transition",
 		"addedOn": "2023-08-16",
@@ -2998,7 +2998,7 @@
 	},
 	{
 		"title": "svelte-headlessui",
-		"url": "https://github.com/captaincodeman/svelte-headlessui",
+		"url": "https://captaincodeman.github.io/svelte-headlessui/",
 		"description": "A very lightweight unofficial implementation of Tailwind HeadlessUI",
 		"npm": "svelte-headlessui",
 		"addedOn": "2023-08-16",
@@ -3012,7 +3012,7 @@
 	},
 	{
 		"title": "svelte-color-select",
-		"url": "https://github.com/captaincodeman/svelte-color-select",
+		"url": "https://captaincodeman.github.io/svelte-color-select/",
 		"description": "OKHSV Color Selection component for Svelte using OKLab perceptual colorspace",
 		"npm": "svelte-color-select",
 		"addedOn": "2023-08-16",
@@ -3023,9 +3023,25 @@
 		],
 		"stars": 26
 	},
+	{
+		"title": "svelte-form-helper",
+		"url": "https://captaincodeman.github.io/svelte-form-helper/",
+		"description": "Lightweight helper for form validation with Svelte",
+		"npm": "svelte-form-helper",
+		"addedOn": "2023-08-16",
+		"category": "Forms & User Input",
+		"tags": [
+			"inputs and widgets",
+			"forms and validation",
+			"validation",
+			"typescript",
+			"components and libraries"
+		],
+		"stars": 52
+	},
 	{
 		"title": "svelte-theme-select",
-		"url": "https://github.com/captaincodeman/svelte-theme-select",
+		"url": "https://captaincodeman.github.io/svelte-theme-select/",
 		"description": "Customizable Svelte components for theme selection (light mode / dark mode) inspired by TailwindCSS",
 		"npm": "svelte-theme-select",
 		"addedOn": "2023-08-16",
@@ -3038,7 +3054,7 @@
 	},
 	{
 		"title": "svelte-pan-zoom",
-		"url": "https://github.com/captaincodeman/svelte-pan-zoom",
+		"url": "https://captaincodeman.github.io/svelte-pan-zoom/",
 		"description": "HTML Canvas Element Pan and Zoom action for Svelte",
 		"npm": "svelte-pan-zoom",
 		"addedOn": "2023-08-16",
@@ -3052,7 +3068,7 @@
 	},
 	{
 		"title": "svelte-deep-zoom",
-		"url": "https://github.com/captaincodeman/svelte-deep-zoom",
+		"url": "https://captaincodeman.github.io/svelte-deep-zoom",
 		"description": "Svelte component to render interactive Deep Zoom images (tiled image pyramids). Similar to Open SeaDragon but smaller",
 		"npm": "svelte-deep-zoom",
 		"addedOn": "2023-08-16",
@@ -3066,7 +3082,7 @@
 	},
 	{
 		"title": "svelte-resize-observer-action",
-		"url": "https://github.com/captaincodeman/svelte-resize-observer-action",
+		"url": "https://captaincodeman.github.io/svelte-resize-observer-action/",
 		"description": "Svelte use:action for element resize notifications using ResizeObserver",
 		"npm": "svelte-resize-observer-action",
 		"addedOn": "2023-08-16",
@@ -3092,7 +3108,7 @@
 	},
 	{
 		"title": "svelte-image-comparison",
-		"url": "https://github.com/captaincodeman/svelte-image-comparison",
+		"url": "https://captaincodeman.github.io/svelte-image-comparison",
 		"description": "Svelte component onion-skin comparison of image or canvas elements",
 		"npm": "svelte-image-comparison",
 		"addedOn": "2023-08-16",
@@ -3106,7 +3122,7 @@
 	},
 	{
 		"title": "svelte-relative-time",
-		"url": "https://github.com/captaincodeman/svelte-relative-time",
+		"url": "https://captaincodeman.github.io/svelte-relative-time/",
 		"description": "Tiny Svelte action and Component to render live-updating relative times",
 		"npm": "svelte-relative-time",
 		"addedOn": "2023-08-16",
@@ -3120,7 +3136,7 @@
 	},
 	{
 		"title": "svelte-signature-pad",
-		"url": "https://github.com/captaincodeman/svelte-signature-pad",
+		"url": "https://captaincodeman.github.io/svelte-signature-pad/",
 		"description": "Svelte Action to capture smoothed signatures as SVG paths using the perfect-freehand library.",
 		"npm": "svelte-signature-pad",
 		"addedOn": "2023-08-16",
@@ -3160,7 +3176,7 @@
 	},
 	{
 		"title": "svelte-intersection-observer-action",
-		"url": "https://github.com/captaincodeman/svelte-intersection-observer-action",
+		"url": "https://captaincodeman.github.io/svelte-intersection-observer-action/",
 		"description": "Svelte use:action for element position notifications using IntersectionObserver",
 		"npm": "svelte-intersection-observer-action",
 		"addedOn": "2023-08-16",