chore(dev): SetupRender component

Author: Akryum

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

@@ -11,6 +11,7 @@ import Condition from './Condition.vue'
 import VModelExample from './VModelExample.vue'
 import Ghost from './Ghost.vue'
 import Other from './Other.vue'
+import SetupRender from './SetupRender.js'
 
 export default {
   name: 'MyApp',
@@ -27,7 +28,8 @@ export default {
     Condition,
     VModelExample,
     Ghost,
-    Other
+    Other,
+    SetupRender
   },
 
   data () {
@@ -59,6 +61,7 @@ export default {
   <VModelExample />
   <Ghost />
   <Other />
+  <SetupRender />
 
   <nav>
     <router-link to="/p1">

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

@@ -1,5 +1,8 @@
 <template>
-  {{ message }}
+  <div>
+    Async setup:<br>
+    <pre>{{ message }}</pre>
+  </div>
 </template>
 
 <script>

packages/shell-dev-vue3/src/SetupRender.js

@@ -0,0 +1,15 @@
+import { defineComponent, reactive, h } from 'vue'
+
+export default defineComponent({
+  name: 'SetupRender',
+
+  setup () {
+    const state = reactive({
+      name: 'Foo bar'
+    })
+
+    return () => {
+      return h('h1', state.name)
+    }
+  }
+})