chore(components): improve props jsdoc

src/runtime/components/Alert.vue

@@ -31,8 +31,9 @@ export interface AlertProps {
   actions?: ButtonProps[]
   /**
    * Display a close button to dismiss the alert.
+   * Will render with `{ size: 'md', color: 'gray', variant: 'link' }`.
    * @emits `close`
-   * @defaultValue false ({ size: 'md', color: 'gray', variant: 'link' })
+   * @defaultValue false
    */
   close?: ButtonProps | boolean
   /**

src/runtime/components/CommandPalette.vue

@@ -54,7 +54,8 @@ export interface CommandPaletteProps<G, T> extends Pick<ComboboxRootProps, 'as'
   placeholder?: InputProps['placeholder']
   /**
    * Display a close button in the input (useful when inside a `UModal`).
-   * @defaultValue false ({ size: 'md', color: 'gray', variant: 'ghost' })
+   * Will render with `{ size: 'md', color: 'gray', variant: 'ghost' }`.
+   * @defaultValue false
    */
   close?: ButtonProps | boolean
   /**

src/runtime/components/Modal.vue

@@ -25,7 +25,8 @@ export interface ModalProps extends DialogRootProps {
   portal?: boolean
   /**
    * Display a close button to dismiss the modal.
-   * @defaultValue true ({ size: 'md', color: 'gray', variant: 'ghost' })
+   * Will render with `{ size: 'md', color: 'gray', variant: 'ghost' }`.
+   * @defaultValue true
    */
   close?: ButtonProps | boolean
   /**

src/runtime/components/Slideover.vue

@@ -35,7 +35,8 @@ export interface SlideoverProps extends DialogRootProps {
   portal?: boolean
   /**
    * Display a close button to dismiss the slideover.
-   * @defaultValue true ({ size: 'md', color: 'gray', variant: 'ghost' })
+   * Will render with `{ size: 'md', color: 'gray', variant: 'ghost' }`.
+   * @defaultValue true
    */
   close?: ButtonProps | boolean
   /**

src/runtime/components/Toast.vue

@@ -31,7 +31,8 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
   actions?: ButtonProps[]
   /**
    * Display a close button to dismiss the toast.
-   * @defaultValue true ({ size: 'md', color: 'gray', variant: 'link' })
+   * Will render with `{ size: 'md', color: 'gray', variant: 'link' }`.
+   * @defaultValue true
    */
   close?: ButtonProps | boolean
   /**

src/runtime/composables/useComponentIcons.ts

@@ -2,7 +2,7 @@ import { computed, toValue, type MaybeRefOrGetter } from 'vue'
 import { useAppConfig } from '#imports'
 
 export interface UseComponentIconsProps {
-  /** Display an icon based on the `leading` and `trailing` props.value. */
+  /** Display an icon based on the `leading` and `trailing` props. */
   icon?: string
   /** When `true`, the icon will be displayed on the left side. */
   leading?: boolean