chore(dev): iframe app comp

Author: Akryum

packages/shell-dev-vue3/src/IframeApp.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { ref } from 'vue'
+import Child from './Child.vue'
+import SetupScript from './SetupScript.vue'
+
+const msg = ref('msg')
+</script>
+
+<script>
+export default {
+  name: 'IframeApp'
+}
+</script>
+
+<template>
+  <p>{{ msg }}</p>
+  <div>
+    <input v-model="msg">
+  </div>
+
+  <Child />
+  <SetupScript />
+</template>

packages/shell-dev-vue3/src/iframe-app.js

@@ -1,11 +1,4 @@
-import { createApp, h } from 'vue'
-import Child from './Child.vue'
-import SetupScript from './SetupScript.vue'
+import { createApp } from 'vue'
+import IframeApp from './IframeApp.vue'
 
-createApp({
-  name: 'IframeApp',
-  render: () => [
-    h(Child),
-    h(SetupScript)
-  ]
-}).mount('#app')
+createApp(IframeApp).mount('#app')