docs: use camelCase in props

docs/app/components/content/ComponentCode.vue

@@ -69,7 +69,7 @@ const options = computed(() => {
 
     return {
       name: key,
-      label: kebabCase(key),
+      label: key,
       type: prop?.type,
       items
     }

docs/content/3.components/alert.md

@@ -98,7 +98,7 @@ props:
   title: 'Heads up!'
   description: 'You can change the primary color in your app config.'
   close: true
-  close-icon: ''
+  closeIcon: ''
 ---
 ::
 

docs/content/3.components/button.md

@@ -91,8 +91,8 @@ Use the `leading` and `trailing` props to set the icon position or the `leading-
 ::component-code
 ---
 props:
-  leading-icon: ''
-  trailing-icon: i-heroicons-arrow-right
+  leadingIcon: ''
+  trailingIcon: i-heroicons-arrow-right
   size: md
 slots:
   default: Button
@@ -121,7 +121,7 @@ Use the `loading-icon` prop to customize this icon. Defaults to `i-heroicons-arr
 ---
 props:
   loading: true
-  loading-icon: ''
+  loadingIcon: ''
   trailing: false
 slots:
   default: Button
@@ -172,6 +172,9 @@ Use the `ui` prop to override the slots styles of the Button.
 ---
 ignore:
   - ui
+  - color
+  - variant
+  - icon
 props:
   icon: i-heroicons-rocket-launch
   color: gray

docs/content/3.components/link.md

@@ -64,8 +64,8 @@ ignore:
 props:
   raw: true
   to: /components/link
-  active-class: 'font-bold'
-  inactive-class: 'text-gray-500 dark:text-gray-500'
+  activeClass: 'font-bold'
+  inactiveClass: 'text-gray-500 dark:text-gray-500'
 slots:
   default: Link
 ---