From 1a8ca6fb38ad1444cb2168d3972c9107f3c688e9 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sun, 17 Jul 2022 12:36:59 +0200
Subject: [PATCH] docs: fix input with objects and arrays

---
 docs/pages/components/[component].vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/docs/pages/components/[component].vue b/docs/pages/components/[component].vue
index 7be5a0cd..111c9362 100644
--- a/docs/pages/components/[component].vue
+++ b/docs/pages/components/[component].vue
@@ -49,7 +49,7 @@
             size="sm"
           />
           <UInput
-            v-else-if="prop.type === 'String'"
+            v-else-if="prop.type === 'String' && typeof prop.value === 'string'"
             v-model="prop.value"
             :name="prop.key"
             size="sm"
@@ -64,11 +64,12 @@
           />
           <UTextarea
             v-else
-            v-model="prop.value"
+            :model-value="prop.value && JSON.stringify(prop.value)"
             :name="prop.key"
             size="sm"
             :rows="8"
             autoresize
+            @update:model-value="value => prop.value = JSON.parse(value)"
           />
         </UFormGroup>
       </div>
@@ -189,10 +190,6 @@ const defaultProps = {
         icon: 'heroicons-outline:external-link',
         to: 'https://google.fr',
         target: '_blank'
-      },
-      {
-        label: 'Logout',
-        avatar: 'https://github.com/benjamincanac.png'
       }
     ]
   },