From 11980a3c9c13be2faca5f15fc42461529daeca7a Mon Sep 17 00:00:00 2001
From: Eduard Aymerich <eduardaymerich@gmail.com>
Date: Mon, 28 Aug 2023 15:10:17 +0200
Subject: [PATCH] docs(ComponentCard): prevent `label` prop as select (#568)

---
 docs/components/content/ComponentCard.vue | 2 +-
 docs/content/3.forms/9.form-group.md      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/content/ComponentCard.vue b/docs/components/content/ComponentCard.vue
index 59008939..f515f216 100644
--- a/docs/components/content/ComponentCard.vue
+++ b/docs/components/content/ComponentCard.vue
@@ -11,7 +11,7 @@
           class="justify-center"
         />
         <USelectMenu
-          v-else-if="prop.type === 'string' && prop.options.length"
+          v-else-if="prop.type === 'string' && prop.options.length && prop.name !== 'label'"
           v-model="componentProps[prop.name]"
           :options="prop.options"
           :name="`prop-${prop.name}`"
diff --git a/docs/content/3.forms/9.form-group.md b/docs/content/3.forms/9.form-group.md
index fd9b27e4..f2cfb3ee 100644
--- a/docs/content/3.forms/9.form-group.md
+++ b/docs/content/3.forms/9.form-group.md
@@ -15,8 +15,8 @@ Use the FormGroup component around an [Input](/forms/input), [Textarea](/forms/t
 ::component-card
 ---
 props:
-  name: 'email'
   label: 'Email'
+  name: 'email'
 code: >-
 
   <UInput placeholder="you@example.com" icon="i-heroicons-envelope" />