diff --git a/src/main.js b/src/main.js
index f36d947..8b84841 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,8 @@
 import App from './App.vue'
 import { createApp } from './mini-renderer.js'
 // import { createApp } from '@vue/runtime-dom'
+
+console.log('begin create App')
 createApp(App).mount('#app')
 
 // import { createApp } from 'vue'
diff --git a/src/mini-renderer.js b/src/mini-renderer.js
index 874573b..9bb510c 100644
--- a/src/mini-renderer.js
+++ b/src/mini-renderer.js
@@ -66,7 +66,33 @@ const render = createRenderer({
 })
 
 const createApp = (...args) => {
-  //TODO
+  // const App ={
+  //   mount(element){
+  //     const page = args[0]
+  //     const root = document.getElementById(element)
+  //     const appRender = render.render(null, new RendererElement(root))
+  //     appRender.render(page)
+  //   }
+  // }
+
+  const app = render.createApp(...args)
+  console.log('app=', app)
+  const { mount } = app
+
+  app.mount = (element) => {
+    let container  
+    if (typeof element === 'string')  
+      container = document.querySelector(element)
+    else
+      container = element
+
+    container.innerHTML = ''
+    const proxy = mount(container, false, false)
+
+    return proxy
+  }
+
+  return app;
 }
 
 export {