From 060e7931ec258d04a4aa176e04e86b276e073ed1 Mon Sep 17 00:00:00 2001
From: Joe Pea <joe@trusktr.io>
Date: Tue, 22 Oct 2024 00:58:13 -0700
Subject: [PATCH] use <foo-bar> instead of <FooBar> for custom element

---
 examples/kitchen-sink-vue/src/App.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/examples/kitchen-sink-vue/src/App.vue b/examples/kitchen-sink-vue/src/App.vue
index 0597467..16c5e20 100644
--- a/examples/kitchen-sink-vue/src/App.vue
+++ b/examples/kitchen-sink-vue/src/App.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import './KitchenSink.js'
-import {FooBar} from './FooBar.ce.js'
+// import {FooBar} from './FooBar.ce.js'
+import './FooBar.ce.js'
 </script>
 
 <template>
 	<!-- not working (expected type error): -->
-	<FooBar :foo="true" />
-	<!-- <foo-bar :foo="true" /> -->
+	<!-- <FooBar :foo="true" /> -->
+	<foo-bar :foo="true" />
 	<!-- <fooBar :foo="true" /> -->
 
 	<!-- <kitchen-sink :count="123" :foo="true"></kitchen-sink> -->