From d12d71ca7937c73fa93a45acb653e5370956326a Mon Sep 17 00:00:00 2001
From: chakir qatab <javachakir@gmail.com>
Date: Tue, 10 Jan 2023 20:56:27 +0400
Subject: [PATCH] vue3: refactory and code improvement fix jest

---
 .../vue3/src/docs/sourceDecorator.test.ts     | 20 +++++++++----------
 .../vue3/src/docs/sourceDecorator.ts          |  6 +++---
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/code/renderers/vue3/src/docs/sourceDecorator.test.ts b/code/renderers/vue3/src/docs/sourceDecorator.test.ts
index 5d7f7949a63..5a1e3cecb60 100644
--- a/code/renderers/vue3/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/vue3/src/docs/sourceDecorator.test.ts
@@ -46,31 +46,31 @@ describe('generateSource Vue3', () => {
   });
   test('1 slot property', () => {
     expect(generateForArgs({ content: 'xyz', myProp: 'abc' }, ['content'])).toMatchInlineSnapshot(`
-      <Component :content='content' :myProp='myProp'>
-      {{ content }}
+      <Component :myProp='myProp'>
+       {{ content }}
       </Component>
     `);
   });
   test('multiple slot property with second slot value not set', () => {
     expect(generateForArgs({ content: 'xyz', myProp: 'abc' }, ['content', 'footer']))
       .toMatchInlineSnapshot(`
-      <Component :content='content' :myProp='myProp'>
+      <Component :myProp='myProp'>
         <template #content>
-              {{ content }}
-              </template>
+          {{ content }}
+        </template>
       </Component>
     `);
   });
   test('multiple slot property with second slot value is set', () => {
     expect(generateForArgs({ content: 'xyz', footer: 'foo', myProp: 'abc' }, ['content', 'footer']))
       .toMatchInlineSnapshot(`
-      <Component :content='content' :footer='footer' :myProp='myProp'>
+      <Component :myProp='myProp'>
         <template #content>
-              {{ content }}
-              </template>
+          {{ content }}
+        </template>
         <template #footer>
-              {{ footer }}
-              </template>
+          {{ footer }}
+        </template>
       </Component>
     `);
   });
diff --git a/code/renderers/vue3/src/docs/sourceDecorator.ts b/code/renderers/vue3/src/docs/sourceDecorator.ts
index f28b6ae7e77..1db81ae9f6b 100644
--- a/code/renderers/vue3/src/docs/sourceDecorator.ts
+++ b/code/renderers/vue3/src/docs/sourceDecorator.ts
@@ -218,13 +218,13 @@ function createNamedSlots(
   byRef?: boolean | undefined
 ) {
   if (!slotProps) return '';
-  if (slotProps.length === 1) return !byRef ? slotArgs[slotProps[0]] : `{{ ${slotProps[0]} }}`;
+  if (slotProps.length === 1) return !byRef ? slotArgs[slotProps[0]] : ` {{ ${slotProps[0]} }}`;
 
   return Object.entries(slotArgs)
     .map(([key, value]) => {
       return `  <template #${key}>
-        ${!byRef ? JSON.stringify(value) : `{{ ${key} }}`}
-        </template>`;
+    ${!byRef ? JSON.stringify(value) : `{{ ${key} }}`}
+  </template>`;
     })
     .join('\n');
 }