quasar 2.15.0 → 2.15.2

package/dist/types/index.d.ts

@@ -114,6 +114,7 @@ export interface BottomSheet {
     grid?: boolean;
     /**
      * Apply dark mode
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -271,7 +272,7 @@ export interface Loading {
     message?: string;
     /**
      * Default Loading group name
-     * Default value: __default_quasar_group__
+     * Default value: '__default_quasar_group__'
      */
     group?: string;
     /**
@@ -840,7 +841,7 @@ export type IntersectionValue =
  *    - type: boolean
  *    - description: Call handler only once, when the conditions are first met
  *    - examples:
- *      - v-intersection.once
+ *      - # v-intersection.once
  *
  * @see https://v2.quasar.dev/vue-directives/intersection
  */
@@ -876,12 +877,12 @@ export type MorphValue =
       delay?: number;
       /**
        * Timing function for the animation (CSS easing format)
-       * Default value: ease-in-out
+       * Default value: 'ease-in-out'
        */
       easing?: string;
       /**
        * Fill mode for the animation
-       * Default value: none
+       * Default value: 'none'
        */
       fill?: string;
       /**
@@ -942,11 +943,11 @@ export type MorphValue =
  *  - type: string
  *  - description: x:x2:y:z, where x is the morph element name, x2 is the morph group, y is the animation duration (in milliseconds) and z is the amount of time to wait (in milliseconds) or the 'transitionend' string
  *  - examples:
- *    - v-morph:name="options"
- *    - v-morph:name:groupName="options"
- *    - v-morph:name:groupName:400="options"
- *    - v-morph:name:groupName:400:100="options"
- *    - v-morph:name:groupName:400:transitionend="options"
+ *    - # v-morph:name="options"
+ *    - # v-morph:name:groupName="options"
+ *    - # v-morph:name:groupName:400="options"
+ *    - # v-morph:name:groupName:400:100="options"
+ *    - # v-morph:name:groupName:400:transitionend="options"
  *
  * Modifiers:
  *  - resize:
@@ -1021,37 +1022,37 @@ export type MutationValue = (
  *    - type: boolean
  *    - description: Call handler only once, when the first mutation was triggered, then stop monitoring
  *    - examples:
- *      - v-mutation.once
+ *      - # v-mutation.once
  *  - childList:
  *    - type: boolean
  *    - description: Monitor the target node (and, if 'subtree' is also set, its descendants) for the addition of new child nodes or removal of existing child nodes
  *    - examples:
- *      - v-mutation.childList
+ *      - # v-mutation.childList
  *  - subtree:
  *    - type: boolean
  *    - description: Extend monitoring to the entire subtree of nodes rooted at target
  *    - examples:
- *      - v-mutation.subtree
+ *      - # v-mutation.subtree
  *  - attributes:
  *    - type: boolean
  *    - description: Watch for changes to the value of attributes on the node or nodes being monitored
  *    - examples:
- *      - v-mutation.attributes
+ *      - # v-mutation.attributes
  *  - characterData:
  *    - type: boolean
  *    - description: Monitor the specified target node or subtree for changes to the character data contained within the node or nodes
  *    - examples:
- *      - v-mutation.characterData
+ *      - # v-mutation.characterData
  *  - attributeOldValue:
  *    - type: boolean
  *    - description: Record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes
  *    - examples:
- *      - v-mutation.attributeOldValue
+ *      - # v-mutation.attributeOldValue
  *  - characterDataOldValue:
  *    - type: boolean
  *    - description: Record the previous value of a node's text whenever the text changes on nodes being monitored
  *    - examples:
- *      - v-mutation.characterDataOldValue
+ *      - # v-mutation.characterDataOldValue
  *
  * @see https://v2.quasar.dev/vue-directives/mutation
  */
@@ -1092,7 +1093,7 @@ export type RippleValue =
  *  - type: string
  *  - description: Color name from Quasar Color Palette; Overrides default dynamic color
  *  - examples:
- *    - v-ripple:orange-5
+ *    - # v-ripple:orange-5
  *
  * Modifiers:
  *  - early:
@@ -1102,12 +1103,12 @@ export type RippleValue =
  *    - type: boolean
  *    - description: Stop click/touch event propagation
  *    - examples:
- *      - v-ripple.stop
+ *      - # v-ripple.stop
  *  - center:
  *    - type: boolean
  *    - description: Ripple starts from the absolute center
  *    - examples:
- *      - v-ripple.center
+ *      - # v-ripple.center
  *
  * @see https://v2.quasar.dev/vue-directives/material-ripple
  */
@@ -1181,12 +1182,12 @@ export type TouchHoldValue =
  *
  * Directive argument:
  *  - type: string
- *  - default: 600:5:7
+ *  - default: '600:5:7'
  *  - description: x:y:z, where x is the amount of time to wait (in milliseconds), y is the touch event sensitivity (in pixels) and z is the mouse event sensitivity (in pixels)
  *  - examples:
- *    - v-touch-hold:400="fnToCall"
- *    - v-touch-hold:400:15="fnToCall"
- *    - v-touch-hold:400:10:10="fnToCall"
+ *    - # v-touch-hold:400="fnToCall"
+ *    - # v-touch-hold:400:15="fnToCall"
+ *    - # v-touch-hold:400:10:10="fnToCall"
  *
  * Modifiers:
  *  - capture:
@@ -1397,10 +1398,10 @@ export type TouchRepeatValue =
  *
  * Directive argument:
  *  - type: string
- *  - default: 0:600:300
+ *  - default: '0:600:300'
  *  - description: String of numbers (at least one number) separated by ':' which defines the amount of time to wait for 1st handler call, 2nd, 3rd and so on; All subsequent calls will use last value as time to wait until triggering
  *  - examples:
- *    - v-touch-repeat:0:400="fnToCall"
+ *    - # v-touch-repeat:0:400="fnToCall"
  *
  * Modifiers:
  *  - capture:
@@ -1446,7 +1447,7 @@ export type TouchRepeatValue =
  *    - type: number
  *    - description: Key code to catch
  *    - examples:
- *      - v-touch-repeat.68="fnToCall"
+ *      - # v-touch-repeat.68="fnToCall"
  *
  * @see https://v2.quasar.dev/vue-directives/touch-repeat
  */
@@ -1498,10 +1499,10 @@ export type TouchSwipeValue =
  *
  * Directive argument:
  *  - type: string
- *  - default: 6e-2:6:50
+ *  - default: '6e-2:6:50'
  *  - description: x:y:z, where x is minimum velocity (dist/time; please use float without a dot, example: 6e-2 which is equivalent to 6 * 10^-2 = 0.06), y is minimum distance on first move on mobile, z is minimum distance on desktop until deciding if it's a swipe indeed
  *  - examples:
- *    - v-touch-swipe:7e-2:10:100="fnToCall"
+ *    - # v-touch-swipe:7e-2:10:100="fnToCall"
  *
  * Modifiers:
  *  - capture:
@@ -1538,12 +1539,12 @@ export type TouchSwipe = Directive<any, TouchSwipeValue>;
 export interface QAjaxBarProps {
   /**
    * Position within window of where QAjaxBar should be displayed
-   * Default value: top
+   * Default value: 'top'
    */
   position?: "top" | "right" | "bottom" | "left" | undefined;
   /**
    * Size in CSS units, including unit name
-   * Default value: 2px
+   * Default value: '2px'
    */
   size?: string | undefined;
   /**
@@ -1699,6 +1700,7 @@ export interface QBannerProps {
   rounded?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
 }
@@ -1727,6 +1729,7 @@ export interface QBarProps {
   dense?: boolean | undefined;
   /**
    * The component background color lights up the parent's background (as opposed to default behavior which is to darken it); Works unless you specify a CSS background color for it
+   * Default value: null
    */
   dark?: boolean | null | undefined;
 }
@@ -1743,17 +1746,17 @@ export interface QBar extends ComponentPublicInstance<QBarProps> {}
 export interface QBreadcrumbsProps {
   /**
    * The string used to separate the breadcrumbs
-   * Default value: /
+   * Default value: '/'
    */
   separator?: string | undefined;
   /**
    * The color of the active breadcrumb, which can be any color from the Quasar Color Palette
-   * Default value: primary
+   * Default value: 'primary'
    */
   activeColor?: NamedColor | undefined;
   /**
    * The gutter value allows you control over the space between the breadcrumb elements.
-   * Default value: sm
+   * Default value: 'sm'
    */
   gutter?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
   /**
@@ -1762,7 +1765,7 @@ export interface QBreadcrumbsProps {
   separatorColor?: NamedColor | undefined;
   /**
    * Specify how to align the breadcrumbs horizontally
-   * Default value: left
+   * Default value: 'left'
    */
   align?:
     | "left"
@@ -1831,7 +1834,7 @@ export interface QBreadcrumbsElProps {
   icon?: string | undefined;
   /**
    * HTML tag to use
-   * Default value: span
+   * Default value: 'span'
    */
   tag?: string | undefined;
   /**
@@ -1875,7 +1878,7 @@ export interface QBtnProps {
   size?: string | undefined;
   /**
    * 1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag
-   * Default value: button
+   * Default value: 'button'
    */
   type?: string | undefined;
   /**
@@ -1977,7 +1980,7 @@ export interface QBtnProps {
   tabindex?: number | string | undefined;
   /**
    * Label or content alignment
-   * Default value: center
+   * Default value: 'center'
    */
   align?:
     | "left"
@@ -1997,6 +2000,7 @@ export interface QBtnProps {
   stretch?: boolean | undefined;
   /**
    * Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)
+   * Default value: null
    */
   loading?: boolean | null | undefined;
   /**
@@ -2061,12 +2065,12 @@ export interface QBtn extends ComponentPublicInstance<QBtnProps> {
 export interface QBtnDropdownProps {
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionShow?: string | undefined;
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionHide?: string | undefined;
   /**
@@ -2084,7 +2088,7 @@ export interface QBtnDropdownProps {
   size?: string | undefined;
   /**
    * 1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag
-   * Default value: button
+   * Default value: 'button'
    */
   type?: string | undefined;
   /**
@@ -2186,7 +2190,7 @@ export interface QBtnDropdownProps {
   tabindex?: number | string | undefined;
   /**
    * Label or content alignment
-   * Default value: center
+   * Default value: 'center'
    */
   align?:
     | "left"
@@ -2206,6 +2210,7 @@ export interface QBtnDropdownProps {
   stretch?: boolean | undefined;
   /**
    * Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)
+   * Default value: null
    */
   loading?: boolean | null | undefined;
   /**
@@ -2258,7 +2263,7 @@ export interface QBtnDropdownProps {
   autoClose?: boolean | undefined;
   /**
    * Two values setting the starting position or anchor point of the menu relative to its target
-   * Default value: bottom end
+   * Default value: 'bottom end'
    */
   menuAnchor?:
     | "top left"
@@ -2279,7 +2284,7 @@ export interface QBtnDropdownProps {
     | undefined;
   /**
    * Two values setting the menu's own position relative to its target
-   * Default value: top end
+   * Default value: 'top end'
    */
   menuSelf?:
     | "top left"
@@ -2468,7 +2473,7 @@ export interface QBtnToggleProps {
   textColor?: NamedColor | undefined;
   /**
    * Color name for component from the Quasar Color Palette
-   * Default value: primary
+   * Default value: 'primary'
    */
   toggleColor?: NamedColor | undefined;
   /**
@@ -2575,6 +2580,7 @@ export interface QBtnToggle extends ComponentPublicInstance<QBtnToggleProps> {}
 export interface QCardProps {
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -2591,7 +2597,7 @@ export interface QCardProps {
   bordered?: boolean | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -2607,8 +2613,8 @@ export interface QCard extends ComponentPublicInstance<QCardProps> {}
 
 export interface QCardActionsProps {
   /**
-   * Specify how to align the actions
-   * Default value: left (for horizontal mode) / stretch (for vertical mode)
+   * Specify how to align the actions; For horizontal mode, the default is 'left', while for vertical mode, the default is 'stretch'
+   * Default value: # 'left'/'stretch'
    */
   align?:
     | "left"
@@ -2642,7 +2648,7 @@ export interface QCardSectionProps {
   horizontal?: boolean | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -2704,12 +2710,12 @@ export interface QCarouselProps {
   vertical?: boolean | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionPrev?: string | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionNext?: string | undefined;
   /**
@@ -2719,6 +2725,7 @@ export interface QCarouselProps {
   transitionDuration?: string | number | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -2749,6 +2756,7 @@ export interface QCarouselProps {
     | undefined;
   /**
    * Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals
+   * Default value: false
    */
   autoplay?: number | boolean | undefined;
   /**
@@ -2769,7 +2777,7 @@ export interface QCarouselProps {
   navigation?: boolean | undefined;
   /**
    * Side to stick navigation to
-   * Default value: bottom/right
+   * Default value: # 'bottom'/'right'
    */
   navigationPosition?: "top" | "right" | "bottom" | "left" | undefined;
   /**
@@ -2884,7 +2892,7 @@ export interface QCarousel extends ComponentPublicInstance<QCarouselProps> {
 export interface QCarouselControlProps {
   /**
    * Side/corner to stick to
-   * Default value: bottom-right
+   * Default value: 'bottom-right'
    */
   position?:
     | "top-right"
@@ -2898,7 +2906,7 @@ export interface QCarouselControlProps {
     | undefined;
   /**
    * An array of two numbers to offset the component horizontally and vertically (in pixels)
-   * Default value: [18, 18]
+   * Default value: [ 18, 18 ]
    */
   offset?: readonly any[] | undefined;
 }
@@ -3043,15 +3051,17 @@ export interface QCheckboxProps {
   trueValue?: any | undefined;
   /**
    * What model value should be considered as unchecked/unticked/off?
+   * Default value: false
    */
   falseValue?: any | undefined;
   /**
    * What model value should be considered as 'indeterminate'?
+   * Default value: null
    */
   indeterminateValue?: any | undefined;
   /**
    * Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...
-   * Default value: tf
+   * Default value: 'tf'
    */
   toggleOrder?: "tf" | "ft" | undefined;
   /**
@@ -3088,6 +3098,7 @@ export interface QCheckboxProps {
   keepColor?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -3135,6 +3146,7 @@ export interface QChipProps {
   size?: string | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -3172,6 +3184,7 @@ export interface QChipProps {
   modelValue?: boolean;
   /**
    * Model for QChip if it's selected or not
+   * Default value: null
    */
   selected?: boolean | null | undefined;
   /**
@@ -3240,10 +3253,12 @@ export interface QCircularProgressProps {
   size?: string | undefined;
   /**
    * Current progress (must be between min/max)
+   * Default value: 0
    */
   value?: number | undefined;
   /**
    * Minimum value defining 'no progress' (must be lower than 'max')
+   * Default value: 0
    */
   min?: number | undefined;
   /**
@@ -3265,7 +3280,7 @@ export interface QCircularProgressProps {
   trackColor?: NamedColor | undefined;
   /**
    * Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size
-   * Default value: 0.25em
+   * Default value: '0.25em'
    */
   fontSize?: string | undefined;
   /**
@@ -3279,6 +3294,7 @@ export interface QCircularProgressProps {
   thickness?: number | undefined;
   /**
    * Angle to rotate progress arc by
+   * Default value: 0
    */
   angle?: number | undefined;
   /**
@@ -3329,17 +3345,17 @@ export interface QColorProps {
   defaultValue?: string | undefined;
   /**
    * The default view of the picker
-   * Default value: spectrum
+   * Default value: 'spectrum'
    */
   defaultView?: "spectrum" | "tune" | "palette" | undefined;
   /**
    * Forces a certain model format upon the model
-   * Default value: auto
+   * Default value: 'auto'
    */
   formatModel?: "auto" | "hex" | "rgb" | "hexa" | "rgba" | undefined;
   /**
    * Use a custom palette of colors for the palette tab
-   * Default value: (hard-coded palette)
+   * Default value: # hard-coded palette
    */
   palette?: readonly any[] | undefined;
   /**
@@ -3376,6 +3392,7 @@ export interface QColorProps {
   readonly?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -3405,7 +3422,7 @@ export interface QDateProps {
   landscape?: boolean | undefined;
   /**
    * Mask (formatting string) used for parsing and formatting value
-   * Default value: YYYY/MM/DD
+   * Default value: 'YYYY/MM/DD'
    */
   mask?: string | undefined;
   /**
@@ -3433,7 +3450,7 @@ export interface QDateProps {
     | undefined;
   /**
    * Specify calendar type
-   * Default value: gregorian
+   * Default value: 'gregorian'
    */
   calendar?: "gregorian" | "persian" | undefined;
   /**
@@ -3446,6 +3463,7 @@ export interface QDateProps {
   textColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -3486,7 +3504,7 @@ export interface QDateProps {
   defaultYearMonth?: string | undefined;
   /**
    * The view which will be displayed by default
-   * Default value: Calendar
+   * Default value: 'Calendar'
    */
   defaultView?: "Calendar" | "Months" | "Years" | undefined;
   /**
@@ -3525,7 +3543,7 @@ export interface QDateProps {
   noUnset?: boolean | undefined;
   /**
    * Sets the day of the week that is considered the first day (0 - Sunday, 1 - Monday, ...); This day will show in the left-most column of the calendar
-   * Default value: (based on configured Quasar lang language)
+   * Default value: # based on configured Quasar lang language
    */
   firstDayOfWeek?: string | number | undefined;
   /**
@@ -3757,12 +3775,12 @@ export interface QDate extends ComponentPublicInstance<QDateProps> {
 export interface QDialogProps {
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionShow?: string | undefined;
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionHide?: string | undefined;
   /**
@@ -3816,7 +3834,7 @@ export interface QDialogProps {
   fullHeight?: boolean | undefined;
   /**
    * Stick dialog to one of the sides (top, right, bottom or left)
-   * Default value: standard
+   * Default value: 'standard'
    */
   position?: "standard" | "top" | "right" | "bottom" | "left" | undefined;
   /**
@@ -3920,7 +3938,7 @@ export interface QDrawerProps {
   modelValue?: boolean;
   /**
    * Side to attach to
-   * Default value: left
+   * Default value: 'left'
    */
   side?: "left" | "right" | undefined;
   /**
@@ -3951,6 +3969,7 @@ export interface QDrawerProps {
   noMiniAnimation?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -3960,7 +3979,7 @@ export interface QDrawerProps {
   breakpoint?: number | undefined;
   /**
    * Overrides the default dynamic mode into which the drawer is put on
-   * Default value: default
+   * Default value: 'default'
    */
   behavior?: "default" | "desktop" | "mobile" | undefined;
   /**
@@ -4103,6 +4122,7 @@ export interface QEditorProps {
   dense?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -4111,7 +4131,7 @@ export interface QEditorProps {
   disable?: boolean | undefined;
   /**
    * CSS unit for the minimum height of the editable area
-   * Default value: 10rem
+   * Default value: '10rem'
    */
   minHeight?: string | undefined;
   /**
@@ -4137,7 +4157,7 @@ export interface QEditorProps {
   fonts?: any | undefined;
   /**
    * An array of arrays of Objects/Strings that you use to define the construction of the elements and commands available in the toolbar
-   * Default value: left,center,right,justify,bold,italic,underline,strike,undo,redo
+   * Default value: [ [ 'left', 'center', 'right', 'justify' ], [ 'bold', 'italic', 'underline', 'strike' ], [ 'undo', 'redo' ]
    */
   toolbar?: readonly any[] | undefined;
   /**
@@ -4150,12 +4170,12 @@ export interface QEditorProps {
   toolbarTextColor?: NamedColor | undefined;
   /**
    * Choose the active color (from the Quasar Palette) of toolbar commands button
-   * Default value: primary
+   * Default value: 'primary'
    */
   toolbarToggleColor?: string | undefined;
   /**
    * Toolbar background color (from Quasar Palette)
-   * Default value: grey-3
+   * Default value: 'grey-3'
    */
   toolbarBg?: string | undefined;
   /**
@@ -4347,6 +4367,7 @@ export interface QExpansionItemProps {
   captionLines?: number | string | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -4499,7 +4520,7 @@ export interface QExpansionItem
 export interface QFabProps {
   /**
    * Define the button HTML DOM type
-   * Default value: a
+   * Default value: 'a'
    */
   type?: "a" | "submit" | "button" | "reset" | undefined;
   /**
@@ -4548,6 +4569,7 @@ export interface QFabProps {
   labelPosition?: "top" | "right" | "bottom" | "left" | undefined;
   /**
    * Hide the label; Useful for animation purposes where you toggle the visibility of the label
+   * Default value: null
    */
   hideLabel?: boolean | null | undefined;
   /**
@@ -4588,12 +4610,12 @@ export interface QFabProps {
   hideIcon?: boolean | undefined;
   /**
    * Direction to expand Fab Actions to
-   * Default value: right
+   * Default value: 'right'
    */
   direction?: "up" | "right" | "down" | "left" | undefined;
   /**
    * The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')
-   * Default value: center
+   * Default value: 'center'
    */
   verticalActionsAlign?: "left" | "center" | "right" | undefined;
   /**
@@ -4689,7 +4711,7 @@ export interface QFab extends ComponentPublicInstance<QFabProps> {
 export interface QFabActionProps {
   /**
    * Define the button HTML DOM type
-   * Default value: a
+   * Default value: 'a'
    */
   type?: "a" | "submit" | "button" | "reset" | undefined;
   /**
@@ -4738,6 +4760,7 @@ export interface QFabActionProps {
   labelPosition?: "top" | "right" | "bottom" | "left" | undefined;
   /**
    * Hide the label; Useful for animation purposes where you toggle the visibility of the label
+   * Default value: null
    */
   hideLabel?: boolean | null | undefined;
   /**
@@ -4813,6 +4836,7 @@ export interface QFieldProps {
   modelValue?: any;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -4873,6 +4897,7 @@ export interface QFieldProps {
   bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -4961,7 +4986,7 @@ export interface QFieldProps {
   maxlength?: string | number | undefined;
   /**
    * HTML tag to use
-   * Default value: label
+   * Default value: 'label'
    */
   tag?: string | undefined;
   /**
@@ -5123,13 +5148,14 @@ export interface QFileProps {
    * @param files Candidate files to be added to queue
    * @returns Filtered files to be added to queue
    */
-  filter?: ((files: FileList | readonly any[]) => readonly any[]) | undefined;
+  filter?: ((files: readonly any[] | FileList) => readonly any[]) | undefined;
   /**
    * Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
    */
   modelValue: File | FileList | any[] | null | undefined;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -5190,6 +5216,7 @@ export interface QFileProps {
   bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -5397,7 +5424,7 @@ export interface QFileSlots {
     /**
      * Array of File objects
      */
-    files: FileList | readonly any[];
+    files: readonly any[] | FileList;
     /**
      * Reference to the QFile component
      */
@@ -5415,7 +5442,7 @@ export interface QFile extends ComponentPublicInstance<QFileProps> {
    * Add files programmatically
    * @param files Array of files (instances of File)
    */
-  addFiles: (files: FileList | readonly any[]) => void;
+  addFiles: (files: readonly any[] | FileList) => void;
   /**
    * Reset validation status
    */
@@ -5642,7 +5669,7 @@ export interface QIconProps {
   size?: string | undefined;
   /**
    * HTML tag to render, unless no icon is supplied or it's an svg icon
-   * Default value: i
+   * Default value: 'i'
    */
   tag?: string | undefined;
   /**
@@ -5699,7 +5726,7 @@ export interface QImgProps {
   errorSrc?: string | undefined;
   /**
    * Use it when not specifying 'ratio' but still wanting an initial aspect ratio
-   * Default value: 16/9
+   * Default value: 1.77778
    */
   initialRatio?: string | number | undefined;
   /**
@@ -5712,11 +5739,12 @@ export interface QImgProps {
   height?: string | undefined;
   /**
    * Lazy or immediate load; Same syntax as <img> loading attribute
-   * Default value: lazy
+   * Default value: 'lazy'
    */
   loading?: "lazy" | "eager" | undefined;
   /**
    * Delay showing the spinner when image changes; Gives time for the browser to load the image from cache to prevent flashing the spinner unnecessarily; Value should represent milliseconds
+   * Default value: 0
    */
   loadingShowDelay?: number | string | undefined;
   /**
@@ -5742,17 +5770,17 @@ export interface QImgProps {
     | undefined;
   /**
    * Provides a hint of the relative priority to use when fetching the image
-   * Default value: auto
+   * Default value: 'auto'
    */
   fetchpriority?: "high" | "low" | "auto" | undefined;
   /**
    * How the image will fit into the container; Equivalent of the object-fit prop; Can be coordinated with 'position' prop
-   * Default value: cover
+   * Default value: 'cover'
    */
   fit?: "cover" | "fill" | "contain" | "none" | "scale-down" | undefined;
   /**
    * The alignment of the image into the container; Equivalent of the object-position CSS prop
-   * Default value: 50% 50%
+   * Default value: '50% 50%'
    */
   position?: string | undefined;
   /**
@@ -5833,6 +5861,7 @@ export interface QInfiniteScrollProps {
   debounce?: string | number | undefined;
   /**
    * Initialize the pagination index (used for the @load event)
+   * Default value: 0
    */
   initialIndex?: number | undefined;
   /**
@@ -5902,12 +5931,12 @@ export interface QInfiniteScroll
 export interface QInnerLoadingProps {
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionShow?: string | undefined;
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionHide?: string | undefined;
   /**
@@ -5917,7 +5946,7 @@ export interface QInnerLoadingProps {
   transitionDuration?: string | number | undefined;
   /**
    * Size in CSS units, including unit name, or standard size name (xs|sm|md|lg|xl), for the inner Spinner (unless using the default slot)
-   * Default value: 42px
+   * Default value: '42px'
    */
   size?: string | undefined;
   /**
@@ -5942,6 +5971,7 @@ export interface QInnerLoadingProps {
   labelStyle?: VueStyleProp | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
 }
@@ -5983,6 +6013,7 @@ export interface QInputProps {
   modelValue: string | number | null | undefined;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -6043,6 +6074,7 @@ export interface QInputProps {
   bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -6127,7 +6159,7 @@ export interface QInputProps {
   shadowText?: string | undefined;
   /**
    * Input type
-   * Default value: text
+   * Default value: 'text'
    */
   type?:
     | "text"
@@ -6269,7 +6301,7 @@ export interface QInput extends ComponentPublicInstance<QInputProps> {
 export interface QIntersectionProps {
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
   /**
@@ -6282,6 +6314,7 @@ export interface QIntersectionProps {
   ssrPrerender?: boolean | undefined;
   /**
    * [Intersection API root prop] Lets you define an alternative to the viewport as your root (through its DOM element); It is important to keep in mind that root needs to be an ancestor of the observed element
+   * Default value: null
    */
   root?: Element | null | undefined;
   /**
@@ -6361,10 +6394,12 @@ export interface QItemProps {
   disable?: boolean | undefined;
   /**
    * Put item into 'active' state
+   * Default value: null
    */
   active?: boolean | null | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -6385,7 +6420,7 @@ export interface QItemProps {
   tabindex?: number | string | undefined;
   /**
    * HTML tag to render; Suggestion: use 'label' when encapsulating a QCheckbox/QRadio/QToggle so that when user clicks/taps on the whole item it will trigger a model change for the mentioned components
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
   /**
@@ -6505,6 +6540,7 @@ export interface QListProps {
   separator?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -6513,7 +6549,7 @@ export interface QListProps {
   padding?: boolean | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -6583,7 +6619,7 @@ export interface QKnobProps {
   trackColor?: NamedColor | undefined;
   /**
    * Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size
-   * Default value: 0.25em
+   * Default value: '0.25em'
    */
   fontSize?: string | undefined;
   /**
@@ -6593,6 +6629,7 @@ export interface QKnobProps {
   thickness?: number | undefined;
   /**
    * Angle to rotate progress arc by
+   * Default value: 0
    */
   angle?: number | undefined;
   /**
@@ -6640,7 +6677,7 @@ export interface QKnob extends ComponentPublicInstance<QKnobProps> {}
 export interface QLayoutProps {
   /**
    * Defines how your layout components (header/footer/drawer) should be placed on screen; See docs examples
-   * Default value: hhh lpr fff
+   * Default value: 'hhh lpr fff'
    */
   view?: string | undefined;
   /**
@@ -6710,6 +6747,7 @@ export interface QLinearProgressProps {
   size?: string | undefined;
   /**
    * Progress value (0.0 < x < 1.0)
+   * Default value: 0
    */
   value?: number | undefined;
   /**
@@ -6726,6 +6764,7 @@ export interface QLinearProgressProps {
   trackColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -6776,6 +6815,7 @@ export interface QMarkupTableProps {
   dense?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -6792,7 +6832,7 @@ export interface QMarkupTableProps {
   square?: boolean | undefined;
   /**
    * Use a separator/border between rows, columns or all cells
-   * Default value: horizontal
+   * Default value: 'horizontal'
    */
   separator?: "horizontal" | "vertical" | "cell" | "none" | undefined;
   /**
@@ -6814,12 +6854,12 @@ export interface QMarkupTable
 export interface QMenuProps {
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionShow?: string | undefined;
   /**
    * One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionHide?: string | undefined;
   /**
@@ -6846,6 +6886,7 @@ export interface QMenuProps {
   modelValue?: boolean;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -6938,10 +6979,12 @@ export interface QMenuProps {
   noFocus?: boolean | undefined;
   /**
    * The maximum height of the menu; Size in CSS units, including unit name
+   * Default value: null
    */
   maxHeight?: string | null | undefined;
   /**
    * The maximum width of the menu; Size in CSS units, including unit name
+   * Default value: null
    */
   maxWidth?: string | null | undefined;
   /**
@@ -7015,7 +7058,7 @@ export interface QMenu extends ComponentPublicInstance<QMenuProps> {
 export interface QNoSsrProps {
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
   /**
@@ -7073,7 +7116,7 @@ export interface QOptionGroupProps {
   name?: string | undefined;
   /**
    * The type of input component to be used
-   * Default value: radio
+   * Default value: 'radio'
    */
   type?: "radio" | "checkbox" | "toggle" | undefined;
   /**
@@ -7086,6 +7129,7 @@ export interface QOptionGroupProps {
   keepColor?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -7168,7 +7212,7 @@ export interface QPageProps {
   padding?: boolean | undefined;
   /**
    * Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline
-   * Default value: (see source code)
+   * Default value: # see source code
    * @param offset Header + Footer height (in pixels)
    * @param height Value in pixels of container height (if containerized) or window height otherwise
    * @returns Object with CSS properties to apply to Page DOM element
@@ -7200,7 +7244,7 @@ export interface QPageContainer
 export interface QPageScrollerProps {
   /**
    * Page side/corner to stick to
-   * Default value: bottom-right
+   * Default value: 'bottom-right'
    */
   position?:
     | "top-right"
@@ -7214,7 +7258,7 @@ export interface QPageScrollerProps {
     | undefined;
   /**
    * An array of two numbers to offset the component horizontally and vertically in pixels
-   * Default value: 18,18
+   * Default value: [ 18, 18 ]
    */
   offset?: readonly any[] | undefined;
   /**
@@ -7250,7 +7294,7 @@ export interface QPageScroller
 export interface QPageStickyProps {
   /**
    * Page side/corner to stick to
-   * Default value: bottom-right
+   * Default value: 'bottom-right'
    */
   position?:
     | "top-right"
@@ -7298,6 +7342,7 @@ export interface QPaginationProps {
   max: number | string;
   /**
    * Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -7336,22 +7381,27 @@ export interface QPaginationProps {
   toFn?: ((page: number) => any | string) | undefined;
   /**
    * Show boundary button links
+   * Default value: null
    */
   boundaryLinks?: boolean | null | undefined;
   /**
    * Always show first and last page buttons (if not using 'input')
+   * Default value: null
    */
   boundaryNumbers?: boolean | null | undefined;
   /**
    * Show direction buttons
+   * Default value: null
    */
   directionLinks?: boolean | null | undefined;
   /**
    * Show ellipses (...) when pages are available
+   * Default value: null
    */
   ellipses?: boolean | null | undefined;
   /**
    * Maximum number of page links to display at a time; 0 means Infinite
+   * Default value: 0
    */
   maxPages?: number | string | undefined;
   /**
@@ -7372,7 +7422,7 @@ export interface QPaginationProps {
   push?: boolean | undefined;
   /**
    * Color name from the Quasar Color Palette for the non-active buttons
-   * Default value: primary
+   * Default value: 'primary'
    */
   color?: NamedColor | undefined;
   /**
@@ -7385,7 +7435,7 @@ export interface QPaginationProps {
   activeDesign?: "flat" | "outline" | "push" | "unelevated" | undefined;
   /**
    * Color name from the Quasar Color Palette for the ACTIVE button
-   * Default value: primary
+   * Default value: 'primary'
    */
   activeColor?: NamedColor | undefined;
   /**
@@ -7406,7 +7456,7 @@ export interface QPaginationProps {
   glossy?: boolean | undefined;
   /**
    * Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)
-   * Default value: 2px
+   * Default value: '2px'
    */
   gutter?: string | undefined;
   /**
@@ -7523,7 +7573,7 @@ export interface QPopupEditProps {
   autoSave?: boolean | undefined;
   /**
    * Color name for component from the Quasar Color Palette
-   * Default value: primary
+   * Default value: 'primary'
    */
   color?: NamedColor | undefined;
   /**
@@ -7890,6 +7940,7 @@ export interface QRadioProps {
   keepColor?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -7933,6 +7984,7 @@ export interface QRangeProps {
   name?: string | undefined;
   /**
    * Minimum value of the model; Set track's minimum value
+   * Default value: 0
    */
   min?: number | undefined;
   /**
@@ -8033,12 +8085,12 @@ export interface QRangeProps {
   switchMarkerLabelsSide?: boolean | undefined;
   /**
    * Track size (including CSS unit)
-   * Default value: 4px
+   * Default value: '4px'
    */
   trackSize?: string | undefined;
   /**
    * Thumb size (including CSS unit)
-   * Default value: 20px
+   * Default value: '20px'
    */
   thumbSize?: string | undefined;
   /**
@@ -8047,11 +8099,12 @@ export interface QRangeProps {
   thumbColor?: NamedColor | undefined;
   /**
    * Set custom thumb svg path
-   * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0
+   * Default value: 'M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0'
    */
   thumbPath?: string | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -8331,6 +8384,7 @@ export interface QResponsive
 export interface QScrollAreaProps {
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -8367,6 +8421,7 @@ export interface QScrollAreaProps {
   contentActiveStyle?: VueStyleProp | undefined;
   /**
    * Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior
+   * Default value: null
    */
   visible?: boolean | null | undefined;
   /**
@@ -8532,7 +8587,7 @@ export interface QScrollObserverProps {
   debounce?: string | number | undefined;
   /**
    * Axis on which to detect changes
-   * Default value: vertical
+   * Default value: 'vertical'
    */
   axis?: "both" | "vertical" | "horizontal" | undefined;
   /**
@@ -8658,6 +8713,7 @@ export interface QSelectProps {
   modelValue: any;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -8718,6 +8774,7 @@ export interface QSelectProps {
   bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -8815,21 +8872,21 @@ export interface QSelectProps {
   options?: readonly any[] | undefined;
   /**
    * Property of option which holds the 'value'; If using a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: value
+   * Default value: 'value'
    * @param option The current option being processed
    * @returns Value of the current option
    */
   optionValue?: ((option: string | any) => any) | string | undefined;
   /**
    * Property of option which holds the 'label'; If using a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: label
+   * Default value: 'label'
    * @param option The current option being processed
    * @returns Label of the current option
    */
   optionLabel?: ((option: string | any) => string) | string | undefined;
   /**
    * Property of option which tells it's disabled; The value of the property must be a Boolean; If using a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: disable
+   * Default value: 'disable'
    * @param option The current option being processed
    * @returns If true, the current option will be disabled
    */
@@ -8856,6 +8913,7 @@ export interface QSelectProps {
   optionsDense?: boolean | undefined;
   /**
    * Options menu will be colored with a dark color
+   * Default value: null
    */
   optionsDark?: boolean | null | undefined;
   /**
@@ -8977,12 +9035,12 @@ export interface QSelectProps {
   autocomplete?: string | undefined;
   /**
    * Transition when showing the menu/dialog; One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionShow?: string | undefined;
   /**
    * Transition when hiding the menu/dialog; One of Quasar's embedded transitions
-   * Default value: fade
+   * Default value: 'fade'
    */
   transitionHide?: string | undefined;
   /**
@@ -8992,7 +9050,7 @@ export interface QSelectProps {
   transitionDuration?: string | number | undefined;
   /**
    * Overrides the default dynamic mode of showing as menu on desktop and dialog on mobiles
-   * Default value: default
+   * Default value: 'default'
    */
   behavior?: "default" | "menu" | "dialog" | undefined;
   /**
@@ -9240,7 +9298,7 @@ export interface QSelect extends ComponentPublicInstance<QSelectProps> {
    * @param edge The edge to align to if the item is not visible already (by default it aligns to end if scrolling towards the end and to start otherwise); If the '-force' version is used then it always aligns
    */
   scrollTo: (
-    index: string | number,
+    index: number | string,
     edge?:
       | "start"
       | "center"
@@ -9371,11 +9429,12 @@ export interface QSelect extends ComponentPublicInstance<QSelectProps> {
 export interface QSeparatorProps {
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
    * If set to true, the corresponding direction margins will be set to 8px; It can also be set to a size in CSS units, including unit name, or one of the xs|sm|md|lg|xl predefined sizes
-   * Default value: md
+   * Default value: 'md'
    */
   spaced?: boolean | string | undefined;
   /**
@@ -9403,11 +9462,12 @@ export interface QSeparator extends ComponentPublicInstance<QSeparatorProps> {}
 export interface QSkeletonProps {
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
    * Type of skeleton placeholder
-   * Default value: rect
+   * Default value: 'rect'
    */
   type?:
     | "text"
@@ -9427,7 +9487,7 @@ export interface QSkeletonProps {
     | undefined;
   /**
    * The animation effect of the skeleton placeholder
-   * Default value: wave
+   * Default value: 'wave'
    */
   animation?:
     | "wave"
@@ -9465,7 +9525,7 @@ export interface QSkeletonProps {
   height?: string | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -9498,6 +9558,7 @@ export interface QSlideItemProps {
   bottomColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -9641,6 +9702,7 @@ export interface QSliderProps {
   name?: string | undefined;
   /**
    * Minimum value of the model; Set track's minimum value
+   * Default value: 0
    */
   min?: number | undefined;
   /**
@@ -9741,12 +9803,12 @@ export interface QSliderProps {
   switchMarkerLabelsSide?: boolean | undefined;
   /**
    * Track size (including CSS unit)
-   * Default value: 4px
+   * Default value: '4px'
    */
   trackSize?: string | undefined;
   /**
    * Thumb size (including CSS unit)
-   * Default value: 20px
+   * Default value: '20px'
    */
   thumbSize?: string | undefined;
   /**
@@ -9755,11 +9817,12 @@ export interface QSliderProps {
   thumbColor?: NamedColor | undefined;
   /**
    * Set custom thumb svg path
-   * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0
+   * Default value: 'M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0'
    */
   thumbPath?: string | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -10249,7 +10312,7 @@ export interface QSplitterProps {
   reverse?: boolean | undefined;
   /**
    * CSS unit for the model
-   * Default value: %
+   * Default value: '%'
    */
   unit?: "%" | "px" | undefined;
   /**
@@ -10261,8 +10324,8 @@ export interface QSplitterProps {
    */
   horizontal?: boolean | undefined;
   /**
-   * An array of two values representing the minimum and maximum split size of the two panels; When 'px' unit is set then you can use Infinity as the second value to make it unbound on the other side
-   * Default value: For '%' unit: [10, 90]; For 'px' unit: [50, Infinity]
+   * An array of two values representing the minimum and maximum split size of the two panels; When 'px' unit is set then you can use Infinity as the second value to make it unbound on the other side; Default value: for '%' unit it is [10, 90], while for 'px' unit it is [50, Infinity]
+   * Default value: # [10, 90]/[50, Infinity]
    */
   limits?: readonly any[] | undefined;
   /**
@@ -10433,12 +10496,12 @@ export interface QStepperProps {
   vertical?: boolean | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: slide-right/slide-down
+   * Default value: # slide-right/slide-down
    */
   transitionPrev?: string | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: slide-left/slide-up
+   * Default value: # slide-left/slide-up
    */
   transitionNext?: string | undefined;
   /**
@@ -10448,6 +10511,7 @@ export interface QStepperProps {
   transitionDuration?: string | number | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -10582,6 +10646,7 @@ export interface QTabPanelProps {
   disable?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
 }
@@ -10634,12 +10699,12 @@ export interface QTabPanelsProps {
   vertical?: boolean | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: slide-right/slide-down
+   * Default value: # slide-right/slide-down
    */
   transitionPrev?: string | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: slide-left/slide-up
+   * Default value: # slide-left/slide-up
    */
   transitionNext?: string | undefined;
   /**
@@ -10704,10 +10769,10 @@ export interface QTableProps {
   /**
    * Rows of data to display
    */
-  rows?: readonly any[] | undefined;
+  rows: readonly any[];
   /**
    * Property of each row that defines the unique key of each row (the result must be a primitive, not Object, Array, etc); The value of property must be string or a function taking a row and returning the desired (nested) key in the row; If supplying a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: id
+   * Default value: 'id'
    * @param row The current row being processed
    * @returns Current row's key
    */
@@ -10736,8 +10801,8 @@ export interface QTableProps {
    */
   virtualScrollSliceRatioAfter?: number | string | undefined;
   /**
-   * Default size in pixels of a row; This value is used for rendering the initial table; Try to use a value close to the minimum size of a row
-   * Default value: 48 (24 if dense)
+   * Default size in pixels of a row; This value is used for rendering the initial table; Try to use a value close to the minimum size of a row; Default value: 48 (24 if dense)
+   * Default value: # 48/24
    */
   virtualScrollItemSize?: number | string | undefined;
   /**
@@ -10756,7 +10821,7 @@ export interface QTableProps {
   tableColspan?: number | string | undefined;
   /**
    * Color name for component from the Quasar Color Palette
-   * Default value: grey-8
+   * Default value: 'grey-8'
    */
   color?: NamedColor | undefined;
   /**
@@ -10812,11 +10877,12 @@ export interface QTableProps {
         required?: boolean;
         /**
          * Horizontal alignment of cells in this column
-         * Default value: right
+         * Default value: 'right'
          */
         align?: "left" | "right" | "center";
         /**
          * Tell QTable you want this column sortable
+         * Default value: false
          */
         sortable?: boolean;
         /**
@@ -10839,7 +10905,7 @@ export interface QTableProps {
         rawSort?: (a: any, b: any, rowA: any, rowB: any) => number;
         /**
          * Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); Overrides the 'column-sort-order' prop
-         * Default value: ad
+         * Default value: 'ad'
          */
         sortOrder?: "ad" | "da";
         /**
@@ -10903,6 +10969,7 @@ export interface QTableProps {
   hidePagination?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -10919,7 +10986,7 @@ export interface QTableProps {
   square?: boolean | undefined;
   /**
    * Use a separator/border between rows, columns or all cells
-   * Default value: horizontal
+   * Default value: 'horizontal'
    */
   separator?: "horizontal" | "vertical" | "cell" | "none" | undefined;
   /**
@@ -10932,7 +10999,7 @@ export interface QTableProps {
   binaryStateSort?: boolean | undefined;
   /**
    * Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); It gets applied to all columns unless a column has its own sortOrder specified in the 'columns' definition prop
-   * Default value: ad
+   * Default value: 'ad'
    */
   columnSortOrder?: "ad" | "da" | undefined;
   /**
@@ -11013,7 +11080,7 @@ export interface QTableProps {
   filter?: string | any | undefined;
   /**
    * The actual filtering mechanism; For best performance, reference it from your scope and do not define it inline
-   * Default value: (see source code)
+   * Default value: # see source code
    * @param rows Array of rows
    * @param terms Terms to filter with (is essentially the 'filter' prop value)
    * @param cols Column definitions
@@ -11062,7 +11129,7 @@ export interface QTableProps {
   rowsPerPageOptions?: readonly any[] | undefined;
   /**
    * Selection type
-   * Default value: none
+   * Default value: 'none'
    */
   selection?: "single" | "multiple" | "none" | undefined;
   /**
@@ -11077,7 +11144,7 @@ export interface QTableProps {
   expanded?: any[] | undefined;
   /**
    * The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows; For best performance, reference it from your scope and do not define it inline
-   * Default value: (see source code)
+   * Default value: # see source code
    * @param rows Array with rows
    * @param sortBy Column name (from column definition)
    * @param descending Is sorting in descending order?
@@ -11293,6 +11360,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11348,6 +11416,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11415,6 +11484,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11478,6 +11548,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11517,6 +11588,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11568,6 +11640,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11611,6 +11684,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11666,6 +11740,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11705,6 +11780,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -12259,10 +12335,10 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
   /**
    * Scroll the table to the row with the specified index in page (0 based)
    * @param index The index of the row in page (0 based)
-   * @param edge Only for virtual scroll - the edge to align to if the row is not visible already; If the '-force' version is used then it always aligns
+   * @param edge Only for virtual scroll - the edge to align to if the row is not visible already; If the '-force' version is used then it always aligns; Default value: end (if scrolling towards the end) / start (if scrolling towards the start)
    */
   scrollTo: (
-    index: string | number,
+    index: number | string,
     edge?:
       | "start"
       | "center"
@@ -12400,7 +12476,7 @@ export interface QRouteTabProps {
   alertIcon?: string | undefined;
   /**
    * Panel name
-   * Default value: A random UID
+   * Default value: # a random UUID
    */
   name?: number | string | undefined;
   /**
@@ -12472,7 +12548,7 @@ export interface QTabProps {
   alertIcon?: string | undefined;
   /**
    * Panel name
-   * Default value: A random UID
+   * Default value: # a random UUID
    */
   name?: number | string | undefined;
   /**
@@ -12526,7 +12602,7 @@ export interface QTabsProps {
   mobileArrows?: boolean | undefined;
   /**
    * Horizontal alignment the tabs within the tabs container
-   * Default value: center
+   * Default value: 'center'
    */
   align?: "left" | "center" | "right" | "justify" | undefined;
   /**
@@ -12617,7 +12693,7 @@ export interface QTimeProps {
   landscape?: boolean | undefined;
   /**
    * Mask (formatting string) used for parsing and formatting value
-   * Default value: HH:mm
+   * Default value: 'HH:mm'
    */
   mask?: string | null | undefined;
   /**
@@ -12645,7 +12721,7 @@ export interface QTimeProps {
     | undefined;
   /**
    * Specify calendar type
-   * Default value: gregorian
+   * Default value: 'gregorian'
    */
   calendar?: "gregorian" | "persian" | undefined;
   /**
@@ -12658,6 +12734,7 @@ export interface QTimeProps {
   textColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -12686,11 +12763,12 @@ export interface QTimeProps {
   modelValue: string | null | undefined;
   /**
    * Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used
+   * Default value: null
    */
   format24h?: boolean | null | undefined;
   /**
    * The default date to use (in YYYY/MM/DD format) when model is unfilled (undefined or null)
-   * Default value: current day
+   * Default value: # current day
    */
   defaultDate?: string | undefined;
   /**
@@ -12790,16 +12868,17 @@ export interface QTimelineProps {
   color?: NamedColor | undefined;
   /**
    * Side to place the timeline entries in dense and comfortable layout; For loose layout it gets overridden by QTimelineEntry side prop
-   * Default value: right
+   * Default value: 'right'
    */
   side?: "left" | "right" | undefined;
   /**
    * Layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.
-   * Default value: dense
+   * Default value: 'dense'
    */
   layout?: "dense" | "comfortable" | "loose" | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
 }
@@ -12820,12 +12899,12 @@ export interface QTimelineEntryProps {
   heading?: boolean | undefined;
   /**
    * Tag to use, if of type 'heading' only
-   * Default value: h3
+   * Default value: 'h3'
    */
   tag?: string | undefined;
   /**
    * Side to place the timeline entry; Works only if QTimeline layout is loose.
-   * Default value: right
+   * Default value: 'right'
    */
   side?: "left" | "right" | undefined;
   /**
@@ -12896,15 +12975,17 @@ export interface QToggleProps {
   trueValue?: any | undefined;
   /**
    * What model value should be considered as unchecked/unticked/off?
+   * Default value: false
    */
   falseValue?: any | undefined;
   /**
    * What model value should be considered as 'indeterminate'?
+   * Default value: null
    */
   indeterminateValue?: any | undefined;
   /**
    * Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...
-   * Default value: tf
+   * Default value: 'tf'
    */
   toggleOrder?: "tf" | "ft" | undefined;
   /**
@@ -12941,6 +13022,7 @@ export interface QToggleProps {
   keepColor?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -13021,12 +13103,12 @@ export interface QToolbarTitle
 export interface QTooltipProps {
   /**
    * One of Quasar's embedded transitions
-   * Default value: jump-down
+   * Default value: 'jump-down'
    */
   transitionShow?: string | undefined;
   /**
    * One of Quasar's embedded transitions
-   * Default value: jump-up
+   * Default value: 'jump-up'
    */
   transitionHide?: string | undefined;
   /**
@@ -13040,15 +13122,17 @@ export interface QTooltipProps {
   modelValue?: boolean;
   /**
    * The maximum height of the Tooltip; Size in CSS units, including unit name
+   * Default value: null
    */
   maxHeight?: string | null | undefined;
   /**
    * The maximum width of the Tooltip; Size in CSS units, including unit name
+   * Default value: null
    */
   maxWidth?: string | null | undefined;
   /**
    * Two values setting the starting position or anchor point of the Tooltip relative to its target
-   * Default value: bottom middle
+   * Default value: 'bottom middle'
    */
   anchor?:
     | "top left"
@@ -13069,7 +13153,7 @@ export interface QTooltipProps {
     | undefined;
   /**
    * Two values setting the Tooltip's own position relative to its target
-   * Default value: top middle
+   * Default value: 'top middle'
    */
   self?:
     | "top left"
@@ -13108,10 +13192,12 @@ export interface QTooltipProps {
   noParentEvent?: boolean | undefined;
   /**
    * Configure Tooltip to appear with delay
+   * Default value: 0
    */
   delay?: number | undefined;
   /**
    * Configure Tooltip to disappear with delay
+   * Default value: 0
    */
   hideDelay?: number | undefined;
   /**
@@ -13189,12 +13275,12 @@ export interface QTreeProps {
   nodeKey: string;
   /**
    * The property name of each node object that holds the label of the node
-   * Default value: label
+   * Default value: 'label'
    */
   labelKey?: string | undefined;
   /**
    * The property name of each node object that holds the list of children of the node
-   * Default value: children
+   * Default value: 'children'
    */
   childrenKey?: string | undefined;
   /**
@@ -13223,6 +13309,7 @@ export interface QTreeProps {
   dense?: boolean | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -13231,7 +13318,7 @@ export interface QTreeProps {
   icon?: string | undefined;
   /**
    * The type of strategy to use for the selection of the nodes
-   * Default value: none
+   * Default value: 'none'
    */
   tickStrategy?: "none" | "strict" | "leaf" | "leaf-filtered" | undefined;
   /**
@@ -13268,7 +13355,7 @@ export interface QTreeProps {
   filter?: string | undefined;
   /**
    * The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline
-   * Default value: (see source code)
+   * Default value: # see source code
    * @param node Node currently being filtered
    * @param filter Filter text to match against
    * @returns Matches or not
@@ -13540,7 +13627,7 @@ export interface QUploaderProps {
   url?: string | ((files: readonly any[]) => string) | undefined;
   /**
    * HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: POST
+   * Default value: 'POST'
    * @param files Uploaded files
    * @returns HTTP method to use for upload
    */
@@ -13635,7 +13722,7 @@ export interface QUploaderProps {
    * @param files Candidate files to be added to queue
    * @returns Filtered files to be added to queue
    */
-  filter?: ((files: FileList | readonly any[]) => readonly any[]) | undefined;
+  filter?: ((files: readonly any[] | FileList) => readonly any[]) | undefined;
   /**
    * Label for the uploader
    */
@@ -13650,6 +13737,7 @@ export interface QUploaderProps {
   textColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -13886,17 +13974,17 @@ export interface QVideoProps {
   title?: string | undefined;
   /**
    * Provides a hint of the relative priority to use when fetching the iframe document
-   * Default value: auto
+   * Default value: 'auto'
    */
   fetchpriority?: "high" | "low" | "auto" | undefined;
   /**
    * Indicates how the browser should load the iframe
-   * Default value: eager
+   * Default value: 'eager'
    */
   loading?: "eager" | "lazy" | undefined;
   /**
    * Indicates which referrer to send when fetching the frame's resource
-   * Default value: strict-origin-when-cross-origin
+   * Default value: 'strict-origin-when-cross-origin'
    */
   referrerpolicy?:
     | "no-referrer"
@@ -13955,7 +14043,7 @@ export interface QVirtualScrollProps {
   tableColspan?: number | string | undefined;
   /**
    * The type of content: list (default) or table
-   * Default value: list
+   * Default value: 'list'
    */
   type?: "list" | "table" | undefined;
   /**
@@ -13965,7 +14053,7 @@ export interface QVirtualScrollProps {
   items?: readonly any[] | undefined;
   /**
    * Number of available items in the list; Required and used only if 'itemsFn' is provided
-   * Default value: void 0
+   * Default value: # void 0
    */
   itemsSize?: number | undefined;
   /**
@@ -14040,7 +14128,7 @@ export interface QVirtualScroll
    * @param edge The edge to align to if the item is not visible already (by default it aligns to end if scrolling towards the end and to start otherwise); If the '-force' version is used then it always aligns
    */
   scrollTo: (
-    index: string | number,
+    index: number | string,
     edge?:
       | "start"
       | "center"
@@ -14121,7 +14209,7 @@ export interface QDialogOptions {
   html?: boolean;
   /**
    * Position of the Dialog on screen. Standard is centered.
-   * Default value: standard
+   * Default value: 'standard'
    */
   position?: "top" | "right" | "bottom" | "left" | "standard";
   /**
@@ -14173,7 +14261,7 @@ export interface QDialogOptions {
     | boolean;
   /**
    * What button to focus, unless you also have 'prompt' or 'options'
-   * Default value: ok
+   * Default value: 'ok'
    */
   focus?: "ok" | "cancel" | "none";
   /**
@@ -14186,6 +14274,7 @@ export interface QDialogOptions {
   color?: NamedColor;
   /**
    * Apply dark mode
+   * Default value: null
    */
   dark?: boolean | null;
   /**
@@ -14222,12 +14311,12 @@ export interface QDialogOptions {
   fullHeight?: boolean;
   /**
    * One of Quasar's embedded transitions
-   * Default value: scale
+   * Default value: 'scale'
    */
   transitionShow?: string;
   /**
    * One of Quasar's embedded transitions
-   * Default value: scale
+   * Default value: 'scale'
    */
   transitionHide?: string;
   /**
@@ -14353,7 +14442,7 @@ export interface QNotifyCreateOptions {
   spinnerSize?: string;
   /**
    * Window side/corner to stick to
-   * Default value: bottom
+   * Default value: 'bottom'
    */
   position?:
     | "top-left"
@@ -14367,7 +14456,7 @@ export interface QNotifyCreateOptions {
     | "center";
   /**
    * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
-   * Default value: (message + caption + multiline + actions labels + position)
+   * Default value: # message + caption + multiline + actions labels + position
    */
   group?: boolean | string | number;
   /**
@@ -14380,7 +14469,7 @@ export interface QNotifyCreateOptions {
   badgeTextColor?: NamedColor;
   /**
    * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
-   * Default value: (top-left/top-right)
+   * Default value: # top-left/top-right
    */
   badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
   /**
@@ -14477,7 +14566,7 @@ export interface QEditorCommand {
   /**
    * Pass the value "no-state" if the button should not have an "active" state
    */
-  type?: "no-state";
+  type?: null | "no-state" | null;
   /**
    * Lock the button label, so it doesn't change based on the child option selected.
    */
@@ -14576,6 +14665,7 @@ declare module "./globals" {
       grid?: boolean;
       /**
        * Apply dark mode
+       * Default value: null
        */
       dark?: boolean | null;
       /**
@@ -14633,7 +14723,7 @@ declare module "@vue/runtime-core" {
      *    - type: boolean
      *    - description: Call handler only once, when the conditions are first met
      *    - examples:
-     *      - v-intersection.once
+     *      - # v-intersection.once
      *
      * @see https://v2.quasar.dev/vue-directives/intersection
      */
@@ -14646,11 +14736,11 @@ declare module "@vue/runtime-core" {
      *  - type: string
      *  - description: x:x2:y:z, where x is the morph element name, x2 is the morph group, y is the animation duration (in milliseconds) and z is the amount of time to wait (in milliseconds) or the 'transitionend' string
      *  - examples:
-     *    - v-morph:name="options"
-     *    - v-morph:name:groupName="options"
-     *    - v-morph:name:groupName:400="options"
-     *    - v-morph:name:groupName:400:100="options"
-     *    - v-morph:name:groupName:400:transitionend="options"
+     *    - # v-morph:name="options"
+     *    - # v-morph:name:groupName="options"
+     *    - # v-morph:name:groupName:400="options"
+     *    - # v-morph:name:groupName:400:100="options"
+     *    - # v-morph:name:groupName:400:transitionend="options"
      *
      * Modifiers:
      *  - resize:
@@ -14681,37 +14771,37 @@ declare module "@vue/runtime-core" {
      *    - type: boolean
      *    - description: Call handler only once, when the first mutation was triggered, then stop monitoring
      *    - examples:
-     *      - v-mutation.once
+     *      - # v-mutation.once
      *  - childList:
      *    - type: boolean
      *    - description: Monitor the target node (and, if 'subtree' is also set, its descendants) for the addition of new child nodes or removal of existing child nodes
      *    - examples:
-     *      - v-mutation.childList
+     *      - # v-mutation.childList
      *  - subtree:
      *    - type: boolean
      *    - description: Extend monitoring to the entire subtree of nodes rooted at target
      *    - examples:
-     *      - v-mutation.subtree
+     *      - # v-mutation.subtree
      *  - attributes:
      *    - type: boolean
      *    - description: Watch for changes to the value of attributes on the node or nodes being monitored
      *    - examples:
-     *      - v-mutation.attributes
+     *      - # v-mutation.attributes
      *  - characterData:
      *    - type: boolean
      *    - description: Monitor the specified target node or subtree for changes to the character data contained within the node or nodes
      *    - examples:
-     *      - v-mutation.characterData
+     *      - # v-mutation.characterData
      *  - attributeOldValue:
      *    - type: boolean
      *    - description: Record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes
      *    - examples:
-     *      - v-mutation.attributeOldValue
+     *      - # v-mutation.attributeOldValue
      *  - characterDataOldValue:
      *    - type: boolean
      *    - description: Record the previous value of a node's text whenever the text changes on nodes being monitored
      *    - examples:
-     *      - v-mutation.characterDataOldValue
+     *      - # v-mutation.characterDataOldValue
      *
      * @see https://v2.quasar.dev/vue-directives/mutation
      */
@@ -14724,7 +14814,7 @@ declare module "@vue/runtime-core" {
      *  - type: string
      *  - description: Color name from Quasar Color Palette; Overrides default dynamic color
      *  - examples:
-     *    - v-ripple:orange-5
+     *    - # v-ripple:orange-5
      *
      * Modifiers:
      *  - early:
@@ -14734,12 +14824,12 @@ declare module "@vue/runtime-core" {
      *    - type: boolean
      *    - description: Stop click/touch event propagation
      *    - examples:
-     *      - v-ripple.stop
+     *      - # v-ripple.stop
      *  - center:
      *    - type: boolean
      *    - description: Ripple starts from the absolute center
      *    - examples:
-     *      - v-ripple.center
+     *      - # v-ripple.center
      *
      * @see https://v2.quasar.dev/vue-directives/material-ripple
      */
@@ -14764,12 +14854,12 @@ declare module "@vue/runtime-core" {
      *
      * Directive argument:
      *  - type: string
-     *  - default: 600:5:7
+     *  - default: '600:5:7'
      *  - description: x:y:z, where x is the amount of time to wait (in milliseconds), y is the touch event sensitivity (in pixels) and z is the mouse event sensitivity (in pixels)
      *  - examples:
-     *    - v-touch-hold:400="fnToCall"
-     *    - v-touch-hold:400:15="fnToCall"
-     *    - v-touch-hold:400:10:10="fnToCall"
+     *    - # v-touch-hold:400="fnToCall"
+     *    - # v-touch-hold:400:15="fnToCall"
+     *    - # v-touch-hold:400:10:10="fnToCall"
      *
      * Modifiers:
      *  - capture:
@@ -14839,10 +14929,10 @@ declare module "@vue/runtime-core" {
      *
      * Directive argument:
      *  - type: string
-     *  - default: 0:600:300
+     *  - default: '0:600:300'
      *  - description: String of numbers (at least one number) separated by ':' which defines the amount of time to wait for 1st handler call, 2nd, 3rd and so on; All subsequent calls will use last value as time to wait until triggering
      *  - examples:
-     *    - v-touch-repeat:0:400="fnToCall"
+     *    - # v-touch-repeat:0:400="fnToCall"
      *
      * Modifiers:
      *  - capture:
@@ -14888,7 +14978,7 @@ declare module "@vue/runtime-core" {
      *    - type: number
      *    - description: Key code to catch
      *    - examples:
-     *      - v-touch-repeat.68="fnToCall"
+     *      - # v-touch-repeat.68="fnToCall"
      *
      * @see https://v2.quasar.dev/vue-directives/touch-repeat
      */
@@ -14899,10 +14989,10 @@ declare module "@vue/runtime-core" {
      *
      * Directive argument:
      *  - type: string
-     *  - default: 6e-2:6:50
+     *  - default: '6e-2:6:50'
      *  - description: x:y:z, where x is minimum velocity (dist/time; please use float without a dot, example: 6e-2 which is equivalent to 6 * 10^-2 = 0.06), y is minimum distance on first move on mobile, z is minimum distance on desktop until deciding if it's a swipe indeed
      *  - examples:
-     *    - v-touch-swipe:7e-2:10:100="fnToCall"
+     *    - # v-touch-swipe:7e-2:10:100="fnToCall"
      *
      * Modifiers:
      *  - capture:
@@ -15272,7 +15362,7 @@ declare module "./config.d.ts" {
       message?: string;
       /**
        * Default Loading group name
-       * Default value: __default_quasar_group__
+       * Default value: '__default_quasar_group__'
        */
       group?: string;
       /**
@@ -15367,7 +15457,7 @@ declare module "./config.d.ts" {
       spinnerSize?: string;
       /**
        * Window side/corner to stick to
-       * Default value: bottom
+       * Default value: 'bottom'
        */
       position?:
         | "top-left"
@@ -15381,7 +15471,7 @@ declare module "./config.d.ts" {
         | "center";
       /**
        * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
-       * Default value: (message + caption + multiline + actions labels + position)
+       * Default value: # message + caption + multiline + actions labels + position
        */
       group?: boolean | string | number;
       /**
@@ -15394,7 +15484,7 @@ declare module "./config.d.ts" {
       badgeTextColor?: NamedColor;
       /**
        * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
-       * Default value: (top-left/top-right)
+       * Default value: # top-left/top-right
        */
       badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
       /**
@@ -15854,7 +15944,7 @@ declare module "./plugin" {
      *    - type: boolean
      *    - description: Call handler only once, when the conditions are first met
      *    - examples:
-     *      - v-intersection.once
+     *      - # v-intersection.once
      *
      * @see https://v2.quasar.dev/vue-directives/intersection
      */
@@ -15867,11 +15957,11 @@ declare module "./plugin" {
      *  - type: string
      *  - description: x:x2:y:z, where x is the morph element name, x2 is the morph group, y is the animation duration (in milliseconds) and z is the amount of time to wait (in milliseconds) or the 'transitionend' string
      *  - examples:
-     *    - v-morph:name="options"
-     *    - v-morph:name:groupName="options"
-     *    - v-morph:name:groupName:400="options"
-     *    - v-morph:name:groupName:400:100="options"
-     *    - v-morph:name:groupName:400:transitionend="options"
+     *    - # v-morph:name="options"
+     *    - # v-morph:name:groupName="options"
+     *    - # v-morph:name:groupName:400="options"
+     *    - # v-morph:name:groupName:400:100="options"
+     *    - # v-morph:name:groupName:400:transitionend="options"
      *
      * Modifiers:
      *  - resize:
@@ -15902,37 +15992,37 @@ declare module "./plugin" {
      *    - type: boolean
      *    - description: Call handler only once, when the first mutation was triggered, then stop monitoring
      *    - examples:
-     *      - v-mutation.once
+     *      - # v-mutation.once
      *  - childList:
      *    - type: boolean
      *    - description: Monitor the target node (and, if 'subtree' is also set, its descendants) for the addition of new child nodes or removal of existing child nodes
      *    - examples:
-     *      - v-mutation.childList
+     *      - # v-mutation.childList
      *  - subtree:
      *    - type: boolean
      *    - description: Extend monitoring to the entire subtree of nodes rooted at target
      *    - examples:
-     *      - v-mutation.subtree
+     *      - # v-mutation.subtree
      *  - attributes:
      *    - type: boolean
      *    - description: Watch for changes to the value of attributes on the node or nodes being monitored
      *    - examples:
-     *      - v-mutation.attributes
+     *      - # v-mutation.attributes
      *  - characterData:
      *    - type: boolean
      *    - description: Monitor the specified target node or subtree for changes to the character data contained within the node or nodes
      *    - examples:
-     *      - v-mutation.characterData
+     *      - # v-mutation.characterData
      *  - attributeOldValue:
      *    - type: boolean
      *    - description: Record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes
      *    - examples:
-     *      - v-mutation.attributeOldValue
+     *      - # v-mutation.attributeOldValue
      *  - characterDataOldValue:
      *    - type: boolean
      *    - description: Record the previous value of a node's text whenever the text changes on nodes being monitored
      *    - examples:
-     *      - v-mutation.characterDataOldValue
+     *      - # v-mutation.characterDataOldValue
      *
      * @see https://v2.quasar.dev/vue-directives/mutation
      */
@@ -15945,7 +16035,7 @@ declare module "./plugin" {
      *  - type: string
      *  - description: Color name from Quasar Color Palette; Overrides default dynamic color
      *  - examples:
-     *    - v-ripple:orange-5
+     *    - # v-ripple:orange-5
      *
      * Modifiers:
      *  - early:
@@ -15955,12 +16045,12 @@ declare module "./plugin" {
      *    - type: boolean
      *    - description: Stop click/touch event propagation
      *    - examples:
-     *      - v-ripple.stop
+     *      - # v-ripple.stop
      *  - center:
      *    - type: boolean
      *    - description: Ripple starts from the absolute center
      *    - examples:
-     *      - v-ripple.center
+     *      - # v-ripple.center
      *
      * @see https://v2.quasar.dev/vue-directives/material-ripple
      */
@@ -15985,12 +16075,12 @@ declare module "./plugin" {
      *
      * Directive argument:
      *  - type: string
-     *  - default: 600:5:7
+     *  - default: '600:5:7'
      *  - description: x:y:z, where x is the amount of time to wait (in milliseconds), y is the touch event sensitivity (in pixels) and z is the mouse event sensitivity (in pixels)
      *  - examples:
-     *    - v-touch-hold:400="fnToCall"
-     *    - v-touch-hold:400:15="fnToCall"
-     *    - v-touch-hold:400:10:10="fnToCall"
+     *    - # v-touch-hold:400="fnToCall"
+     *    - # v-touch-hold:400:15="fnToCall"
+     *    - # v-touch-hold:400:10:10="fnToCall"
      *
      * Modifiers:
      *  - capture:
@@ -16060,10 +16150,10 @@ declare module "./plugin" {
      *
      * Directive argument:
      *  - type: string
-     *  - default: 0:600:300
+     *  - default: '0:600:300'
      *  - description: String of numbers (at least one number) separated by ':' which defines the amount of time to wait for 1st handler call, 2nd, 3rd and so on; All subsequent calls will use last value as time to wait until triggering
      *  - examples:
-     *    - v-touch-repeat:0:400="fnToCall"
+     *    - # v-touch-repeat:0:400="fnToCall"
      *
      * Modifiers:
      *  - capture:
@@ -16109,7 +16199,7 @@ declare module "./plugin" {
      *    - type: number
      *    - description: Key code to catch
      *    - examples:
-     *      - v-touch-repeat.68="fnToCall"
+     *      - # v-touch-repeat.68="fnToCall"
      *
      * @see https://v2.quasar.dev/vue-directives/touch-repeat
      */
@@ -16120,10 +16210,10 @@ declare module "./plugin" {
      *
      * Directive argument:
      *  - type: string
-     *  - default: 6e-2:6:50
+     *  - default: '6e-2:6:50'
      *  - description: x:y:z, where x is minimum velocity (dist/time; please use float without a dot, example: 6e-2 which is equivalent to 6 * 10^-2 = 0.06), y is minimum distance on first move on mobile, z is minimum distance on desktop until deciding if it's a swipe indeed
      *  - examples:
-     *    - v-touch-swipe:7e-2:10:100="fnToCall"
+     *    - # v-touch-swipe:7e-2:10:100="fnToCall"
      *
      * Modifiers:
      *  - capture: