chore: fix recursive createVNode

vue-final · Jan 29, 2024 · 449764b · 449764b
1 parent ee11efe
commit 449764b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/packages/vue-final-modal/src/useVNode.ts b/packages/vue-final-modal/src/useVNode.ts
@@ -11,7 +11,7 @@ import { isString, objectEntries } from './utils'
  */
 export function createVNode<T extends Component>(options: CreateVNodeOptions<T>) {
   const id = Symbol(__DEV__ ? 'createVNode' : '')
-  const vNode = _h(options.component, { key: id, ...options.attrs }, options.slots)
+  const vNode = _h(options.component, { key: id, ...options.attrs }, getSlots(options.slots))
   return vNode
 }
 

diff --git a/viteplay/src/components/VueFinalModal/Basic.example.vue b/viteplay/src/components/VueFinalModal/Basic.example.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { ModalsContainer, VueFinalModal, h, useModal, useVNode, useVfm } from 'vue-final-modal'
+import { ModalsContainer, VueFinalModal, createVNode, h, useModal, useVNode, useVfm } from 'vue-final-modal'
 import DefaultSlot from '../DefaultSlot.vue'
 import { modal } from './modalsHelpers'
 import TestModal from './TestModal.vue'
@@ -80,10 +80,18 @@ function clickOutside() {
 //   show.value = true
 // })
 
-const { show: _show } = useVNode(h({
+const { show: _show } = useVNode(createVNode({
   component: DefaultSlot,
   attrs: {
-    text: 'h',
+    text: 'createVNode',
+  },
+  slots: {
+    default: h({
+      component: DefaultSlot,
+      attrs: {
+        text: '123456',
+      },
+    }),
   },
   // slots: {
   //   default: h({