minor refactor

Author: posva

package.json

@@ -36,6 +36,7 @@
     "unplugin-auto-import": "^0.6.1",
     "vite": "^2.8.0",
     "vue": "^3.2.25",
-    "vue-tsc": "^0.31.4"
+    "vue-tsc": "^0.31.4",
+    "xterm": "^4.18.0"
   }
 }

pnpm-lock.yaml

@@ -2,4 +2,4 @@ import App from './App.vue'
 // import App from './demos/Borders.vue'
 import { createApp } from 'vue-termui'
 
-await createApp(App).mount()
+createApp(App).mount()

src/tui/index.ts

@@ -1,11 +1,6 @@
-import { h } from '@vue/runtime-core'
+import { h, FunctionalComponent } from '@vue/runtime-core'
 
-export const TuiNewline = defineComponent({
-  name: 'TuiNewline',
-  props: {
-    n: Number,
-  },
-  setup(props) {
-    return () => h('tui-text', '\n'.repeat(props.n || 1))
-  },
-})
+export const TuiNewline: FunctionalComponent<{ n?: number }> = (props) =>
+  h('tui-text', '\n'.repeat(props.n ?? 1))
+
+TuiNewline.displayName = 'TuiNewline'