Minor refactor to kebab-case for Vercel demo site components.

demo/vercel/src/lib/TabsDemo.svelte → 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>

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';

demo/vercel/src/lib/tabs/TabButton.svelte → 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);

demo/vercel/src/lib/tabs/TabPanel.svelte → 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);