From d558bb34472d0c7434bfec8890126c1f11a92d4f Mon Sep 17 00:00:00 2001
From: Filip Joelsson <filip@pixiecoder.com>
Date: Tue, 28 Nov 2023 10:09:20 +0100
Subject: [PATCH] fix(render): properly handle non-string args

---
 src/render.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/render.ts b/src/render.ts
index fc5d065..94cf261 100644
--- a/src/render.ts
+++ b/src/render.ts
@@ -5,7 +5,11 @@ import type { VueRenderer } from '@storybook/vue3'
 
 export const renderWithSlots = <TRenderer extends Renderer, TArgs extends Record<string, any>>() => {
   const makeComponentTemplate = (component: string, slots: string, args: Args) => `
-    <${component} ${Object.entries(args).map(([key, value]) => `${typeof value === "string" ? key : ":" + key}="${value}"`).join(" ")}>
+    <${component} ${Object.entries(args).map(([key, value]) =>
+      typeof value === "string"
+          ? `${key}="${value}"`
+          : `:${key}='${JSON.stringify(value)}'`
+    ).join(" ")}>
       ${slots}
     </${component}>
   ` as const