fix: renderer behavior with no children (#2078)

* fix: renderer behavior with no children

* [ci] Prettier fix

* Force CI

* fix: properly handle falsy values

* [ci] Prettier fix

* chore: force ci

* [experiment] netlify ignore

Co-authored-by: GitHub Action <github-action@users.noreply.github.com>

2 files changed, 10 insertions, 2 deletions

diff --git a/packages/renderers/renderer-vue/client.js b/packages/renderers/renderer-vue/client.js
index dfbd48a30..edda137cd 100644
--- a/packages/renderers/renderer-vue/client.js
+++ b/packages/renderers/renderer-vue/client.js
@@ -5,6 +5,10 @@ export default (element) => (Component, props, children) => {
   delete props['class'];
   // Expose name on host component for Vue devtools
   const name = Component.name ? `${Component.name} Host` : undefined;
-  const app = createSSRApp({ name, render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) });
+  const slots = {};
+  if (children != null) {
+    slots.default = () => h(StaticHtml, { value: children });
+  }
+  const app = createSSRApp({ name, render: () => h(Component, props, slots) });
   app.mount(element, true);
 };
diff --git a/packages/renderers/renderer-vue/server.js b/packages/renderers/renderer-vue/server.js
index b4254458d..83e389b5d 100644
--- a/packages/renderers/renderer-vue/server.js
+++ b/packages/renderers/renderer-vue/server.js
@@ -7,7 +7,11 @@ function check(Component) {
 }
 
 async function renderToStaticMarkup(Component, props, children) {
-  const app = createSSRApp({ render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) });
+  const slots = {};
+  if (children != null) {
+    slots.default = () => h(StaticHtml, { value: children });
+  }
+  const app = createSSRApp({ render: () => h(Component, props, slots) });
   const html = await renderToString(app);
   return { html };
 }