From 28a4bf553da647574bc46b6e77222404eaf066d1 Mon Sep 17 00:00:00 2001
From: Patrick Nelson <patnelson@ebay.com>
Date: Sun, 17 Dec 2023 19:56:16 -0800
Subject: [PATCH] For clarity (and mostly for fun), moving from CamelCase to
 kebab-case to align with actual tag names. Just easier to reason about, for
 now.

---
 demo/vercel/src/{App.svelte => app-tag.svelte}         |  0
 .../src/lib/{Counter.svelte => counter-tag.svelte}     |  0
 .../src/lib/{ExampleTag.svelte => example-tag.svelte}  |  0
 .../lib/{ExamplesInfo.svelte => examples-info.svelte}  |  0
 .../lib/{FeaturesInfo.svelte => features-info.svelte}  |  0
 demo/vercel/src/lib/{Intro.svelte => intro-tag.svelte} |  0
 .../src/lib/{TabsDemo.svelte => tabs-demo.svelte}      | 10 +++++-----
 .../src/lib/{TabsInfo.svelte => tabs-info.svelte}      |  0
 demo/vercel/src/lib/tabs/index.js                      |  9 +++++----
 .../lib/tabs/{TabButton.svelte => tab-button.svelte}   |  2 +-
 .../src/lib/tabs/{TabList.svelte => tab-list.svelte}   |  0
 .../src/lib/tabs/{TabPanel.svelte => tab-panel.svelte} |  2 +-
 .../tabs/{TabsWrapper.svelte => tabs-wrapper.svelte}   |  0
 13 files changed, 12 insertions(+), 11 deletions(-)
 rename demo/vercel/src/{App.svelte => app-tag.svelte} (100%)
 rename demo/vercel/src/lib/{Counter.svelte => counter-tag.svelte} (100%)
 rename demo/vercel/src/lib/{ExampleTag.svelte => example-tag.svelte} (100%)
 rename demo/vercel/src/lib/{ExamplesInfo.svelte => examples-info.svelte} (100%)
 rename demo/vercel/src/lib/{FeaturesInfo.svelte => features-info.svelte} (100%)
 rename demo/vercel/src/lib/{Intro.svelte => intro-tag.svelte} (100%)
 rename demo/vercel/src/lib/{TabsDemo.svelte => tabs-demo.svelte} (76%)
 rename demo/vercel/src/lib/{TabsInfo.svelte => tabs-info.svelte} (100%)
 rename demo/vercel/src/lib/tabs/{TabButton.svelte => tab-button.svelte} (93%)
 rename demo/vercel/src/lib/tabs/{TabList.svelte => tab-list.svelte} (100%)
 rename demo/vercel/src/lib/tabs/{TabPanel.svelte => tab-panel.svelte} (88%)
 rename demo/vercel/src/lib/tabs/{TabsWrapper.svelte => tabs-wrapper.svelte} (100%)

diff --git a/demo/vercel/src/App.svelte b/demo/vercel/src/app-tag.svelte
similarity index 100%
rename from demo/vercel/src/App.svelte
rename to demo/vercel/src/app-tag.svelte
diff --git a/demo/vercel/src/lib/Counter.svelte b/demo/vercel/src/lib/counter-tag.svelte
similarity index 100%
rename from demo/vercel/src/lib/Counter.svelte
rename to demo/vercel/src/lib/counter-tag.svelte
diff --git a/demo/vercel/src/lib/ExampleTag.svelte b/demo/vercel/src/lib/example-tag.svelte
similarity index 100%
rename from demo/vercel/src/lib/ExampleTag.svelte
rename to demo/vercel/src/lib/example-tag.svelte
diff --git a/demo/vercel/src/lib/ExamplesInfo.svelte b/demo/vercel/src/lib/examples-info.svelte
similarity index 100%
rename from demo/vercel/src/lib/ExamplesInfo.svelte
rename to demo/vercel/src/lib/examples-info.svelte
diff --git a/demo/vercel/src/lib/FeaturesInfo.svelte b/demo/vercel/src/lib/features-info.svelte
similarity index 100%
rename from demo/vercel/src/lib/FeaturesInfo.svelte
rename to demo/vercel/src/lib/features-info.svelte
diff --git a/demo/vercel/src/lib/Intro.svelte b/demo/vercel/src/lib/intro-tag.svelte
similarity index 100%
rename from demo/vercel/src/lib/Intro.svelte
rename to demo/vercel/src/lib/intro-tag.svelte
diff --git a/demo/vercel/src/lib/TabsDemo.svelte b/demo/vercel/src/lib/tabs-demo.svelte
similarity index 76%
rename from demo/vercel/src/lib/TabsDemo.svelte
rename to demo/vercel/src/lib/tabs-demo.svelte
index 9c2fadf..aaf1aa9 100644
--- a/demo/vercel/src/lib/TabsDemo.svelte
+++ b/demo/vercel/src/lib/tabs-demo.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { TabsWrapper, TabList, TabPanel, TabButton } from './tabs';
-	import Counter from './Counter.svelte';
+	import Counter from './counter-tag.svelte';
 </script>
 
 <TabsWrapper>
@@ -19,23 +19,23 @@
 
 			<TabPanel>
 				<h2>First nested panel</h2>
-				<Counter count="1" award="5"/>
+				<Counter count={1} award={5} />
 			</TabPanel>
 
 			<TabPanel>
 				<h2>Second nested panel</h2>
-				<Counter count="2" award="5"/>
+				<Counter count={2} award={5} />
 			</TabPanel>
 		</TabsWrapper>
 	</TabPanel>
 
 	<TabPanel>
 		<h2>Second panel</h2>
-		<Counter count="3" award="5"/>
+		<Counter count={3} award={5} />
 	</TabPanel>
 
 	<TabPanel>
 		<h2>Third panel</h2>
-		<Counter count="4" award="5"/>
+		<Counter count={4} award={5} />
 	</TabPanel>
 </TabsWrapper>
diff --git a/demo/vercel/src/lib/TabsInfo.svelte b/demo/vercel/src/lib/tabs-info.svelte
similarity index 100%
rename from demo/vercel/src/lib/TabsInfo.svelte
rename to demo/vercel/src/lib/tabs-info.svelte
diff --git a/demo/vercel/src/lib/tabs/index.js b/demo/vercel/src/lib/tabs/index.js
index 58e1285..2ac9aca 100644
--- a/demo/vercel/src/lib/tabs/index.js
+++ b/demo/vercel/src/lib/tabs/index.js
@@ -1,4 +1,5 @@
-export { default as TabsWrapper } from './TabsWrapper.svelte';
-export { default as TabList } from './TabList.svelte';
-export { default as TabPanel } from './TabPanel.svelte';
-export { default as TabButton } from './TabButton.svelte';
+// NOTE: This index file only exists for the tabs-demo.svelte file.
+export { default as TabsWrapper } from './tabs-wrapper.svelte';
+export { default as TabList } from './tab-list.svelte';
+export { default as TabPanel } from './tab-panel.svelte';
+export { default as TabButton } from './tab-button.svelte';
diff --git a/demo/vercel/src/lib/tabs/TabButton.svelte b/demo/vercel/src/lib/tabs/tab-button.svelte
similarity index 93%
rename from demo/vercel/src/lib/tabs/TabButton.svelte
rename to demo/vercel/src/lib/tabs/tab-button.svelte
index 4705240..4f436fe 100644
--- a/demo/vercel/src/lib/tabs/TabButton.svelte
+++ b/demo/vercel/src/lib/tabs/tab-button.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { getContext } from 'svelte';
-	import { TABS } from './TabsWrapper.svelte';
+	import { TABS } from './tabs-wrapper.svelte';
 
 	const tab = {};
 	const { registerTab, selectTab, selectedTab } = getContext(TABS);
diff --git a/demo/vercel/src/lib/tabs/TabList.svelte b/demo/vercel/src/lib/tabs/tab-list.svelte
similarity index 100%
rename from demo/vercel/src/lib/tabs/TabList.svelte
rename to demo/vercel/src/lib/tabs/tab-list.svelte
diff --git a/demo/vercel/src/lib/tabs/TabPanel.svelte b/demo/vercel/src/lib/tabs/tab-panel.svelte
similarity index 88%
rename from demo/vercel/src/lib/tabs/TabPanel.svelte
rename to demo/vercel/src/lib/tabs/tab-panel.svelte
index 5ef2682..a04973d 100644
--- a/demo/vercel/src/lib/tabs/TabPanel.svelte
+++ b/demo/vercel/src/lib/tabs/tab-panel.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { getContext } from 'svelte';
-	import { TABS } from './TabsWrapper.svelte';
+	import { TABS } from './tabs-wrapper.svelte';
 
 	const panel = {};
 	const testContext = getContext(TABS);
diff --git a/demo/vercel/src/lib/tabs/TabsWrapper.svelte b/demo/vercel/src/lib/tabs/tabs-wrapper.svelte
similarity index 100%
rename from demo/vercel/src/lib/tabs/TabsWrapper.svelte
rename to demo/vercel/src/lib/tabs/tabs-wrapper.svelte