fix(vue3): wrap story with Suspense, fix #668

histoire-dev · Feb 6, 2024 · 26dd6ed · 26dd6ed
1 parent c9735e8
commit 26dd6ed
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/histoire-plugin-vue/src/client/app/RenderStory.ts b/packages/histoire-plugin-vue/src/client/app/RenderStory.ts
@@ -1,6 +1,6 @@
 /* eslint-disable vue/one-component-per-file */
 
-import { App, createApp, onMounted, reactive, Component, h, VNode } from 'vue'
+import { App, createApp, onMounted, reactive, Component, h, VNode, Suspense } from 'vue'
 import {
   defineComponent as _defineComponent,
   onBeforeUnmount as _onBeforeUnmount,
@@ -118,6 +118,9 @@ export default _defineComponent({
             )
           }
 
+          // Wrap in Suspense to render async components
+          children.push(h(Suspense, {}, () => children.at(-1)))
+
           return children.at(-1)
         },
       })