From 57501e6c293e96fe90bc93332763e24a4900acfa Mon Sep 17 00:00:00 2001
From: Godnon Dsilva <50076340+godnondsilva@users.noreply.github.com>
Date: Sun, 24 Mar 2024 04:41:47 +0530
Subject: [PATCH] fix: fix rendered code tag having trailing space (#20)

---
 fixtures/Foo.mist.tsx |  2 +-
 src/index.ts          | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/fixtures/Foo.mist.tsx b/fixtures/Foo.mist.tsx
index 4396126..333a55f 100644
--- a/fixtures/Foo.mist.tsx
+++ b/fixtures/Foo.mist.tsx
@@ -36,7 +36,7 @@ type BazProps = {
 
 export function Baz({ children, ...props }: BazProps) {
   return (
-    <p {...props} className="Baz" >
+    <p {...props} className="Baz">
       {children}
     </p>
   )
diff --git a/src/index.ts b/src/index.ts
index e2f1a46..aba86a3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -140,11 +140,12 @@ export function ${name}({ ${[
     '...props',
   ].join(', ')} }: ${name}Props) {
   return (
-    <${component.tag} {...props} className="${name}" ${Object.keys(
-      component.data,
-    )
-      .map((key) => `data-${key}={${key}}`)
-      .join(' ')}>
+    <${[
+      component.tag,
+      '{...props}',
+      `className="${name}"`,
+      ...Object.keys(component.data).map((key) => `data-${key}={${key}}`),
+    ].join(' ')}>
       {children}
     </${component.tag}>
   )