diff --git a/src/App.vue b/src/App.vue
index a096c08..b599783 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,10 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Splitter } from './components/Splitter'
+</script>
 
 <template>
   <div>Splitter</div>
+  <Splitter />
 </template>
 
 <style scoped></style>
diff --git a/src/components/Splitter.ts b/src/components/Splitter.ts
new file mode 100644
index 0000000..6a77279
--- /dev/null
+++ b/src/components/Splitter.ts
@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue'
+
+export const Splitter = defineComponent({
+  props: {},
+  emits: {},
+  setup() {
+    return () => {
+      return h('div', () => '123')
+    }
+  },
+})
diff --git a/src/components/interface.ts b/src/components/interface.ts
new file mode 100644
index 0000000..e69de29