allow createApp by Component (#19)

* fix logger bugs

* allow createApp by Component

package.json

@@ -1,6 +1,6 @@
 {
   "name": "airx",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "a front framework with jsx",
   "main": "./output/umd/index.js",
   "module": "./output/esm/index.js",

source/index.ts

@@ -1,4 +1,4 @@
-import { AirxElement } from './element'
+import { AirxComponent, AirxElement, createElement } from './element'
 import { Plugin, PluginContext } from './render'
 import { browserRender, serverRender } from './render'
 
@@ -30,21 +30,31 @@ export interface AirxApp {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function createApp(element: AirxElement<any>): AirxApp {
+export function createApp(element: AirxElement<any> | AirxComponent): AirxApp {
   const appContext = new PluginContext()
+
+  const ensureAsElement = (element: AirxElement | AirxComponent): AirxElement => {
+    if (typeof element === 'function') {
+      return createElement(element, {})
+    }
+
+    return element
+  }
+
   const app: AirxApp = {
     plugin: (...plugins: Plugin[]) => {
       appContext.registerPlugin(...plugins)
       return app
     },
 
     mount: (container: HTMLElement) => {
-      browserRender(appContext, element, container)
+      browserRender(appContext, ensureAsElement(element), container)
       return app
     },
+
     renderToHTML: (): Promise<string> => {
       return new Promise<string>(resolve => {
-        serverRender(appContext, element, resolve)
+        serverRender(appContext, ensureAsElement(element), resolve)
       })
     }
   }