quasar 2.15.1 → 2.15.3

package/dist/types/index.d.ts

@@ -114,6 +114,7 @@ export interface BottomSheet {
     grid?: boolean;
     /**
      * Apply dark mode
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -240,6 +241,1763 @@ export interface Dialog {
   create: (opts: QDialogOptions) => DialogChainObject;
 }
 
+export interface IconSet {
+  /**
+   * Contents (icons) of the Quasar icon set
+   */
+  props: {
+    /**
+     * Name of the Quasar icon set
+     */
+    name: string;
+    /**
+     * Generic types
+     */
+    type: {
+      /**
+       * Icon name following Quasar convention
+       */
+      positive: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      negative: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      info: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      warning: string;
+    };
+    /**
+     * Arrow types
+     */
+    arrow: {
+      /**
+       * Icon name following Quasar convention
+       */
+      up: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      right: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      down: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      left: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      dropdown: string;
+    };
+    /**
+     * Chevron types
+     */
+    chevron: {
+      /**
+       * Icon name following Quasar convention
+       */
+      left: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      right: string;
+    };
+    /**
+     * Used by QColorPicker
+     */
+    colorPicker: {
+      /**
+       * Icon name following Quasar convention
+       */
+      spectrum: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      tune: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      palette: string;
+    };
+    /**
+     * Used by QPullToRefresh
+     */
+    pullToRefresh: {
+      /**
+       * Icon name following Quasar convention
+       */
+      icon: string;
+    };
+    /**
+     * Used by QCarousel
+     */
+    carousel: {
+      /**
+       * Icon name following Quasar convention
+       */
+      left: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      right: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      up: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      down: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      navigationIcon: string;
+    };
+    /**
+     * Used by QChip
+     */
+    chip: {
+      /**
+       * Icon name following Quasar convention
+       */
+      remove: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      selected: string;
+    };
+    /**
+     * Used by QDate/QTime
+     */
+    datetime: {
+      /**
+       * Icon name following Quasar convention
+       */
+      arrowLeft: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      arrowRight: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      now: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      today: string;
+    };
+    /**
+     * Used by QEditor
+     */
+    editor: {
+      /**
+       * Icon name following Quasar convention
+       */
+      bold: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      italic: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      strikethrough: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      underline: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      unorderedList: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      orderedList: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      subscript: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      superscript: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      hyperlink: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      toggleFullscreen: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      quote: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      left: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      center: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      right: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      justify: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      print: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      outdent: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      indent: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      removeFormat: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      formatting: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      fontSize: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      align: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      hr: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      undo: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      redo: string;
+      /**
+       * Used only when headingX is missing; Icon name following Quasar convention
+       */
+      heading: string;
+      /**
+       * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+       */
+      heading1: string;
+      /**
+       * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+       */
+      heading2: string;
+      /**
+       * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+       */
+      heading3: string;
+      /**
+       * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+       */
+      heading4: string;
+      /**
+       * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+       */
+      heading5: string;
+      /**
+       * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+       */
+      heading6: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      code: string;
+      /**
+       * Used only when sizeX is missing; Icon name following Quasar convention
+       */
+      size: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size1: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size2: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size3: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size4: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size5: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size6: string;
+      /**
+       * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+       */
+      size7: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      font: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      viewSource: string;
+    };
+    /**
+     * Used by QExpansionItem
+     */
+    expansionItem: {
+      /**
+       * Icon name following Quasar convention
+       */
+      icon: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      denseIcon: string;
+    };
+    /**
+     * Used by QFab
+     */
+    fab: {
+      /**
+       * Icon name following Quasar convention
+       */
+      icon: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      activeIcon: string;
+    };
+    /**
+     * Used by QField/QInput/QSelect/...
+     */
+    field: {
+      /**
+       * Icon name following Quasar convention
+       */
+      clear: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      error: string;
+    };
+    /**
+     * Used by QPagination
+     */
+    pagination: {
+      /**
+       * Icon name following Quasar convention
+       */
+      first: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      prev: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      next: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      last: string;
+    };
+    /**
+     * Used by QRating
+     */
+    rating: {
+      /**
+       * Icon name following Quasar convention
+       */
+      icon: string;
+    };
+    /**
+     * Used by QStepper
+     */
+    stepper: {
+      /**
+       * Icon name following Quasar convention
+       */
+      done: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      active: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      error: string;
+    };
+    /**
+     * Used by QTabs
+     */
+    tabs: {
+      /**
+       * Icon name following Quasar convention
+       */
+      left: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      right: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      up: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      down: string;
+    };
+    /**
+     * Used by QTable
+     */
+    table: {
+      /**
+       * Icon name following Quasar convention
+       */
+      arrowUp: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      warning: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      firstPage: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      prevPage: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      nextPage: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      lastPage: string;
+    };
+    /**
+     * Used by QTree
+     */
+    tree: {
+      /**
+       * Icon name following Quasar convention
+       */
+      icon: string;
+    };
+    /**
+     * Used by QUploader
+     */
+    uploader: {
+      /**
+       * Icon name following Quasar convention
+       */
+      done: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      clear: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      add: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      upload: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      removeQueue: string;
+      /**
+       * Icon name following Quasar convention
+       */
+      removeUploaded: string;
+    };
+  };
+  /**
+   * Function to map icon names to other icon names; It is designed to be used internally by Quasar only; Only assign a function to it, but do not call it yourself
+   * @param iconName Icon name to test
+   * @returns The icon  following Quasar convention
+   */
+  iconMapFn:
+    | ((iconName: string) =>
+        | {
+            /**
+             * The mapped icon string, which will be handled by Quasar as if the original icon name was this value; ; Either use only 'icon' or 'cls' + 'content'
+             */
+            icon?: string;
+            /**
+             * CSS classes to apply to the created DOM element; Either use 'cls' + 'content' or only 'icon'
+             */
+            cls?: string;
+            /**
+             * Optional, in case you are using a ligature font and you need it as content of the created DOM element; Either use 'cls' + 'content' or only 'icon'
+             */
+            content?: string;
+          }
+        | undefined)
+    | null;
+  /**
+   * Set another Quasar Icon Set
+   * @param iconSet Usually you will import such an object directly from quasar (eg: import qIconSet from 'quasar/icon-set/<icon-set-name>')
+   * @param ssrContent Required for SSR only
+   */
+  set: (
+    iconSet: {
+      /**
+       * Name of the Quasar icon set
+       */
+      name: string;
+      /**
+       * Generic types
+       */
+      type: {
+        /**
+         * Icon name following Quasar convention
+         */
+        positive: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        negative: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        info: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        warning: string;
+      };
+      /**
+       * Arrow types
+       */
+      arrow: {
+        /**
+         * Icon name following Quasar convention
+         */
+        up: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        right: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        down: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        left: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        dropdown: string;
+      };
+      /**
+       * Chevron types
+       */
+      chevron: {
+        /**
+         * Icon name following Quasar convention
+         */
+        left: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        right: string;
+      };
+      /**
+       * Used by QColorPicker
+       */
+      colorPicker?: {
+        /**
+         * Icon name following Quasar convention
+         */
+        spectrum: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        tune: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        palette: string;
+      };
+      /**
+       * Used by QPullToRefresh
+       */
+      pullToRefresh: {
+        /**
+         * Icon name following Quasar convention
+         */
+        icon: string;
+      };
+      /**
+       * Used by QCarousel
+       */
+      carousel: {
+        /**
+         * Icon name following Quasar convention
+         */
+        left: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        right: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        up: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        down: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        navigationIcon: string;
+      };
+      /**
+       * Used by QChip
+       */
+      chip: {
+        /**
+         * Icon name following Quasar convention
+         */
+        remove: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        selected: string;
+      };
+      /**
+       * Used by QDate/QTime
+       */
+      datetime: {
+        /**
+         * Icon name following Quasar convention
+         */
+        arrowLeft: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        arrowRight: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        now: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        today: string;
+      };
+      /**
+       * Used by QEditor
+       */
+      editor: {
+        /**
+         * Icon name following Quasar convention
+         */
+        bold: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        italic: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        strikethrough: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        underline: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        unorderedList: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        orderedList: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        subscript: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        superscript: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        hyperlink: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        toggleFullscreen: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        quote: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        left: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        center: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        right: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        justify: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        print: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        outdent: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        indent: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        removeFormat: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        formatting: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        fontSize: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        align: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        hr: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        undo: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        redo: string;
+        /**
+         * Used only when headingX is missing; Icon name following Quasar convention
+         */
+        heading: string;
+        /**
+         * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+         */
+        heading1?: string;
+        /**
+         * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+         */
+        heading2?: string;
+        /**
+         * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+         */
+        heading3?: string;
+        /**
+         * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+         */
+        heading4?: string;
+        /**
+         * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+         */
+        heading5?: string;
+        /**
+         * (Can be omitted; defaults to 'heading' instead) Icon name following Quasar convention
+         */
+        heading6?: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        code: string;
+        /**
+         * Used only when sizeX is missing; Icon name following Quasar convention
+         */
+        size: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size1?: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size2?: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size3?: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size4?: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size5?: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size6?: string;
+        /**
+         * (Can be omitted; defaults to 'size' instead) Icon name following Quasar convention
+         */
+        size7?: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        font: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        viewSource: string;
+      };
+      /**
+       * Used by QExpansionItem
+       */
+      expansionItem: {
+        /**
+         * Icon name following Quasar convention
+         */
+        icon: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        denseIcon: string;
+      };
+      /**
+       * Used by QFab
+       */
+      fab: {
+        /**
+         * Icon name following Quasar convention
+         */
+        icon: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        activeIcon: string;
+      };
+      /**
+       * Used by QField/QInput/QSelect/...
+       */
+      field: {
+        /**
+         * Icon name following Quasar convention
+         */
+        clear: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        error: string;
+      };
+      /**
+       * Used by QPagination
+       */
+      pagination: {
+        /**
+         * Icon name following Quasar convention
+         */
+        first: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        prev: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        next: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        last: string;
+      };
+      /**
+       * Used by QRating
+       */
+      rating: {
+        /**
+         * Icon name following Quasar convention
+         */
+        icon: string;
+      };
+      /**
+       * Used by QStepper
+       */
+      stepper: {
+        /**
+         * Icon name following Quasar convention
+         */
+        done: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        active: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        error: string;
+      };
+      /**
+       * Used by QTabs
+       */
+      tabs: {
+        /**
+         * Icon name following Quasar convention
+         */
+        left: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        right: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        up: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        down: string;
+      };
+      /**
+       * Used by QTable
+       */
+      table: {
+        /**
+         * Icon name following Quasar convention
+         */
+        arrowUp: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        warning: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        firstPage: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        prevPage: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        nextPage: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        lastPage: string;
+      };
+      /**
+       * Used by QTree
+       */
+      tree: {
+        /**
+         * Icon name following Quasar convention
+         */
+        icon: string;
+      };
+      /**
+       * Used by QUploader
+       */
+      uploader: {
+        /**
+         * Icon name following Quasar convention
+         */
+        done: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        clear: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        add: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        upload: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        removeQueue: string;
+        /**
+         * Icon name following Quasar convention
+         */
+        removeUploaded: string;
+      };
+    },
+    ssrContent?: any,
+  ) => void;
+}
+
+export interface Lang {
+  /**
+   * Quasar language pack
+   */
+  props: {
+    /**
+     * The ISO name of the Quasar language pack
+     */
+    isoName: string;
+    /**
+     * The native name of the Quasar language pack
+     */
+    nativeName: string;
+    /**
+     * Whether the language is RTL (right-to-left)
+     */
+    rtl: boolean;
+    /**
+     * Generic labels
+     */
+    label: {
+      /**
+       * Label
+       */
+      clear: string;
+      /**
+       * Label
+       */
+      ok: string;
+      /**
+       * Label
+       */
+      cancel: string;
+      /**
+       * Label
+       */
+      close: string;
+      /**
+       * Label
+       */
+      set: string;
+      /**
+       * Label
+       */
+      select: string;
+      /**
+       * Label
+       */
+      reset: string;
+      /**
+       * Label
+       */
+      remove: string;
+      /**
+       * Label
+       */
+      update: string;
+      /**
+       * Label
+       */
+      create: string;
+      /**
+       * Label
+       */
+      search: string;
+      /**
+       * Label
+       */
+      filter: string;
+      /**
+       * Label
+       */
+      refresh: string;
+      /**
+       * Label function
+       * @param label Item to expand
+       * @returns Label
+       */
+      expand: (label?: string) => string;
+      /**
+       * Label function
+       * @param label Item to collapse
+       * @returns Label
+       */
+      collapse: (label?: string) => string;
+    };
+    /**
+     * QDate labels
+     */
+    date: {
+      /**
+       * Label
+       */
+      days: readonly any[];
+      /**
+       * Label
+       */
+      daysShort: readonly any[];
+      /**
+       * Label
+       */
+      months: readonly any[];
+      /**
+       * Label
+       */
+      monthsShort: readonly any[];
+      /**
+       * 0-6, 0 - Sunday, 1 Monday, ...
+       */
+      firstDayOfWeek: number;
+      /**
+       * Uses 24-hour format
+       */
+      format24h: boolean;
+      /**
+       * Label
+       */
+      pluralDay: string;
+    };
+    /**
+     * QTable labels
+     */
+    table: {
+      /**
+       * Label
+       */
+      noData: string;
+      /**
+       * Label
+       */
+      noResults: string;
+      /**
+       * Label
+       */
+      loading: string;
+      /**
+       * Label function
+       * @param rows Number of selected rows
+       * @returns Label
+       */
+      selectedRecords: (rows: number) => string;
+      /**
+       * Label
+       */
+      recordsPerPage: string;
+      /**
+       * Label
+       */
+      allRows: string;
+      /**
+       * Label function
+       * @param start Page start index
+       * @param end Page end index
+       * @param total Total number of rows
+       * @returns Label
+       */
+      pagination: (start: number, end: number, total: number) => string;
+      /**
+       * Label
+       */
+      columns: string;
+    };
+    /**
+     * QEditor labels
+     */
+    editor: {
+      /**
+       * Label
+       */
+      url: string;
+      /**
+       * Label
+       */
+      bold: string;
+      /**
+       * Label
+       */
+      italic: string;
+      /**
+       * Label
+       */
+      strikethrough: string;
+      /**
+       * Label
+       */
+      underline: string;
+      /**
+       * Label
+       */
+      unorderedList: string;
+      /**
+       * Label
+       */
+      orderedList: string;
+      /**
+       * Label
+       */
+      subscript: string;
+      /**
+       * Label
+       */
+      superscript: string;
+      /**
+       * Label
+       */
+      hyperlink: string;
+      /**
+       * Label
+       */
+      toggleFullscreen: string;
+      /**
+       * Label
+       */
+      quote: string;
+      /**
+       * Label
+       */
+      left: string;
+      /**
+       * Label
+       */
+      center: string;
+      /**
+       * Label
+       */
+      right: string;
+      /**
+       * Label
+       */
+      justify: string;
+      /**
+       * Label
+       */
+      print: string;
+      /**
+       * Label
+       */
+      outdent: string;
+      /**
+       * Label
+       */
+      indent: string;
+      /**
+       * Label
+       */
+      removeFormat: string;
+      /**
+       * Label
+       */
+      formatting: string;
+      /**
+       * Label
+       */
+      fontSize: string;
+      /**
+       * Label
+       */
+      align: string;
+      /**
+       * Label
+       */
+      hr: string;
+      /**
+       * Label
+       */
+      undo: string;
+      /**
+       * Label
+       */
+      redo: string;
+      /**
+       * Label
+       */
+      heading1: string;
+      /**
+       * Label
+       */
+      heading2: string;
+      /**
+       * Label
+       */
+      heading3: string;
+      /**
+       * Label
+       */
+      heading4: string;
+      /**
+       * Label
+       */
+      heading5: string;
+      /**
+       * Label
+       */
+      heading6: string;
+      /**
+       * Label
+       */
+      paragraph: string;
+      /**
+       * Label
+       */
+      code: string;
+      /**
+       * Label
+       */
+      size1: string;
+      /**
+       * Label
+       */
+      size2: string;
+      /**
+       * Label
+       */
+      size3: string;
+      /**
+       * Label
+       */
+      size4: string;
+      /**
+       * Label
+       */
+      size5: string;
+      /**
+       * Label
+       */
+      size6: string;
+      /**
+       * Label
+       */
+      size7: string;
+      /**
+       * Label
+       */
+      defaultFont: string;
+      /**
+       * Label
+       */
+      viewSource: string;
+    };
+    /**
+     * QTree labels
+     */
+    tree: {
+      /**
+       * Label
+       */
+      noNodes: string;
+      /**
+       * Label
+       */
+      noResults: string;
+    };
+  };
+  /**
+   * Set another Quasar Language Pack
+   * @param quasarLanguagePack Usually you will import such an object directly from quasar (eg: import qIconSet from 'quasar/lang/<lang-name>')
+   * @param ssrContent Required for SSR only
+   */
+  set: (
+    quasarLanguagePack: {
+      /**
+       * The ISO name of the Quasar language pack
+       */
+      isoName: string;
+      /**
+       * The native name of the Quasar language pack
+       */
+      nativeName: string;
+      /**
+       * Whether the language is RTL (right-to-left)
+       * Default value: true
+       */
+      rtl?: boolean;
+      /**
+       * Generic labels
+       */
+      label: {
+        /**
+         * Label
+         */
+        clear: string;
+        /**
+         * Label
+         */
+        ok: string;
+        /**
+         * Label
+         */
+        cancel: string;
+        /**
+         * Label
+         */
+        close: string;
+        /**
+         * Label
+         */
+        set: string;
+        /**
+         * Label
+         */
+        select: string;
+        /**
+         * Label
+         */
+        reset: string;
+        /**
+         * Label
+         */
+        remove: string;
+        /**
+         * Label
+         */
+        update: string;
+        /**
+         * Label
+         */
+        create: string;
+        /**
+         * Label
+         */
+        search: string;
+        /**
+         * Label
+         */
+        filter: string;
+        /**
+         * Label
+         */
+        refresh: string;
+        /**
+         * Label function
+         * @param label Item to expand
+         * @returns Label
+         */
+        expand: (label?: string) => string;
+        /**
+         * Label function
+         * @param label Item to collapse
+         * @returns Label
+         */
+        collapse: (label?: string) => string;
+      };
+      /**
+       * QDate labels
+       */
+      date: {
+        /**
+         * Label
+         */
+        days: readonly any[];
+        /**
+         * Label
+         */
+        daysShort: readonly any[];
+        /**
+         * Label
+         */
+        months: readonly any[];
+        /**
+         * Label
+         */
+        monthsShort: readonly any[];
+        /**
+         * 0-6, 0 - Sunday, 1 Monday, ...
+         */
+        firstDayOfWeek: number;
+        /**
+         * Uses 24-hour format
+         */
+        format24h: boolean;
+        /**
+         * Label
+         */
+        pluralDay: string;
+      };
+      /**
+       * QTable labels
+       */
+      table: {
+        /**
+         * Label
+         */
+        noData: string;
+        /**
+         * Label
+         */
+        noResults: string;
+        /**
+         * Label
+         */
+        loading: string;
+        /**
+         * Label function
+         * @param rows Number of selected rows
+         * @returns Label
+         */
+        selectedRecords: (rows: number) => string;
+        /**
+         * Label
+         */
+        recordsPerPage: string;
+        /**
+         * Label
+         */
+        allRows: string;
+        /**
+         * Label function
+         * @param start Page start index
+         * @param end Page end index
+         * @param total Total number of rows
+         * @returns Label
+         */
+        pagination: (start: number, end: number, total: number) => string;
+        /**
+         * Label
+         */
+        columns: string;
+      };
+      /**
+       * QEditor labels
+       */
+      editor: {
+        /**
+         * Label
+         */
+        url: string;
+        /**
+         * Label
+         */
+        bold: string;
+        /**
+         * Label
+         */
+        italic: string;
+        /**
+         * Label
+         */
+        strikethrough: string;
+        /**
+         * Label
+         */
+        underline: string;
+        /**
+         * Label
+         */
+        unorderedList: string;
+        /**
+         * Label
+         */
+        orderedList: string;
+        /**
+         * Label
+         */
+        subscript: string;
+        /**
+         * Label
+         */
+        superscript: string;
+        /**
+         * Label
+         */
+        hyperlink: string;
+        /**
+         * Label
+         */
+        toggleFullscreen: string;
+        /**
+         * Label
+         */
+        quote: string;
+        /**
+         * Label
+         */
+        left: string;
+        /**
+         * Label
+         */
+        center: string;
+        /**
+         * Label
+         */
+        right: string;
+        /**
+         * Label
+         */
+        justify: string;
+        /**
+         * Label
+         */
+        print: string;
+        /**
+         * Label
+         */
+        outdent: string;
+        /**
+         * Label
+         */
+        indent: string;
+        /**
+         * Label
+         */
+        removeFormat: string;
+        /**
+         * Label
+         */
+        formatting: string;
+        /**
+         * Label
+         */
+        fontSize: string;
+        /**
+         * Label
+         */
+        align: string;
+        /**
+         * Label
+         */
+        hr: string;
+        /**
+         * Label
+         */
+        undo: string;
+        /**
+         * Label
+         */
+        redo: string;
+        /**
+         * Label
+         */
+        heading1: string;
+        /**
+         * Label
+         */
+        heading2: string;
+        /**
+         * Label
+         */
+        heading3: string;
+        /**
+         * Label
+         */
+        heading4: string;
+        /**
+         * Label
+         */
+        heading5: string;
+        /**
+         * Label
+         */
+        heading6: string;
+        /**
+         * Label
+         */
+        paragraph: string;
+        /**
+         * Label
+         */
+        code: string;
+        /**
+         * Label
+         */
+        size1: string;
+        /**
+         * Label
+         */
+        size2: string;
+        /**
+         * Label
+         */
+        size3: string;
+        /**
+         * Label
+         */
+        size4: string;
+        /**
+         * Label
+         */
+        size5: string;
+        /**
+         * Label
+         */
+        size6: string;
+        /**
+         * Label
+         */
+        size7: string;
+        /**
+         * Label
+         */
+        defaultFont: string;
+        /**
+         * Label
+         */
+        viewSource: string;
+      };
+      /**
+       * QTree labels
+       */
+      tree: {
+        /**
+         * Label
+         */
+        noNodes: string;
+        /**
+         * Label
+         */
+        noResults: string;
+      };
+    },
+    ssrContent?: any,
+  ) => void;
+  /**
+   * Get the browser locale ISO name; Returns undefined when it cannot determine current browser locale or when running on server in SSR mode
+   * @returns Browser locale ISO name
+   */
+  getLocale: () => string | undefined;
+}
+
 export interface Loading {
   /**
    * Is Loading active?
@@ -271,7 +2029,7 @@ export interface Loading {
     message?: string;
     /**
      * Default Loading group name
-     * Default value: __default_quasar_group__
+     * Default value: '__default_quasar_group__'
      */
     group?: string;
     /**
@@ -327,80 +2085,6 @@ export interface LoadingBar {
   setDefaults: (props: QLoadingBarOptions) => void;
 }
 
-export interface LocalStorage {
-  /**
-   * Check if storage item exists
-   * @param key Entry key
-   * @returns Does the item exists or not?
-   */
-  has: (key: string) => boolean;
-  /**
-   * Get storage number of entries
-   * @returns Number of entries
-   */
-  getLength: () => number;
-  /**
-   * Get a storage item value
-   * @param key Entry key
-   * @returns Storage item value
-   */
-  getItem: WebStorageGetItemMethodType;
-  /**
-   * Get the storage item value at specific index
-   * @param index Entry index
-   * @returns Storage item index
-   */
-  getIndex: WebStorageGetIndexMethodType;
-  /**
-   * Get the storage key at specific index
-   * @param index Entry index
-   * @returns Storage key
-   */
-  getKey: WebStorageGetKeyMethodType;
-  /**
-   * Retrieve all items in storage
-   * @returns Object syntax: item name as Object key and its value
-   */
-  getAll: () => any;
-  /**
-   * Retrieve all keys in storage
-   * @returns Storage keys (Array of Strings)
-   */
-  getAllKeys: WebStorageGetAllKeysMethodType;
-  /**
-   * Set item in storage
-   * @param key Entry key
-   * @param value Entry value
-   */
-  set: (
-    key: string,
-    value:
-      | Date
-      | RegExp
-      | number
-      | boolean
-      | ((...params: readonly any[]) => any)
-      | any
-      | readonly any[]
-      | string
-      | null,
-  ) => void;
-  /**
-   * Remove a storage item
-   * @param key Storage key
-   */
-  remove: (key: string) => void;
-  /**
-   * Remove everything from the storage
-   */
-  clear: () => void;
-  /**
-   * Determine if storage has any items
-   * @returns Tells if storage is empty or not
-   */
-  isEmpty: () => boolean;
-}
-
 export interface Meta {}
 
 export interface Notify {
@@ -482,6 +2166,10 @@ export interface Platform {
      * Type of the native mobile wrapper
      */
     nativeMobileWrapper?: "cordova" | "capacitor";
+    /**
+     * Whether the browser is a Webkit one
+     */
+    webkit?: boolean;
     /**
      * Whether the browser is Google Chrome
      */
@@ -714,13 +2402,13 @@ export interface Screen {
   setDebounce: (amount: number) => void;
 }
 
-export interface SessionStorage {
+export interface LocalStorage {
   /**
    * Check if storage item exists
    * @param key Entry key
    * @returns Does the item exists or not?
    */
-  has: (key: string) => boolean;
+  hasItem: (key: string) => boolean;
   /**
    * Get storage number of entries
    * @returns Number of entries
@@ -759,13 +2447,116 @@ export interface SessionStorage {
    * @param key Entry key
    * @param value Entry value
    */
+  setItem: (
+    key: string,
+    value:
+      | number
+      | boolean
+      | Date
+      | RegExp
+      | ((...params: readonly any[]) => any)
+      | any
+      | readonly any[]
+      | string
+      | null,
+  ) => void;
+  /**
+   * Remove a storage item
+   * @param key Storage key
+   */
+  removeItem: (key: string) => void;
+  /**
+   * Remove everything from the storage
+   */
+  clear: () => void;
+  /**
+   * Determine if storage has any items
+   * @returns Tells if storage is empty or not
+   */
+  isEmpty: () => boolean;
+  /**
+   * (Alias of "hasItem") Check if storage item exists
+   * @param key Entry key
+   * @returns Does the item exists or not?
+   */
+  has: (key: string) => boolean;
+  /**
+   * (Alias of "setItem") Set item in storage
+   * @param key Entry key
+   * @param value Entry value
+   */
   set: (
     key: string,
     value:
+      | number
+      | boolean
       | Date
       | RegExp
+      | ((...params: readonly any[]) => any)
+      | any
+      | readonly any[]
+      | string
+      | null,
+  ) => void;
+  /**
+   * (Alias of "removeItem") Remove a storage item
+   * @param key Storage key
+   */
+  remove: (key: string) => void;
+}
+
+export interface SessionStorage {
+  /**
+   * Check if storage item exists
+   * @param key Entry key
+   * @returns Does the item exists or not?
+   */
+  hasItem: (key: string) => boolean;
+  /**
+   * Get storage number of entries
+   * @returns Number of entries
+   */
+  getLength: () => number;
+  /**
+   * Get a storage item value
+   * @param key Entry key
+   * @returns Storage item value
+   */
+  getItem: WebStorageGetItemMethodType;
+  /**
+   * Get the storage item value at specific index
+   * @param index Entry index
+   * @returns Storage item index
+   */
+  getIndex: WebStorageGetIndexMethodType;
+  /**
+   * Get the storage key at specific index
+   * @param index Entry index
+   * @returns Storage key
+   */
+  getKey: WebStorageGetKeyMethodType;
+  /**
+   * Retrieve all items in storage
+   * @returns Object syntax: item name as Object key and its value
+   */
+  getAll: () => any;
+  /**
+   * Retrieve all keys in storage
+   * @returns Storage keys (Array of Strings)
+   */
+  getAllKeys: WebStorageGetAllKeysMethodType;
+  /**
+   * Set item in storage
+   * @param key Entry key
+   * @param value Entry value
+   */
+  setItem: (
+    key: string,
+    value:
       | number
       | boolean
+      | Date
+      | RegExp
       | ((...params: readonly any[]) => any)
       | any
       | readonly any[]
@@ -776,7 +2567,7 @@ export interface SessionStorage {
    * Remove a storage item
    * @param key Storage key
    */
-  remove: (key: string) => void;
+  removeItem: (key: string) => void;
   /**
    * Remove everything from the storage
    */
@@ -786,6 +2577,35 @@ export interface SessionStorage {
    * @returns Tells if storage is empty or not
    */
   isEmpty: () => boolean;
+  /**
+   * (Alias of "hasItem") Check if storage item exists
+   * @param key Entry key
+   * @returns Does the item exists or not?
+   */
+  has: (key: string) => boolean;
+  /**
+   * (Alias of "setItem") Set item in storage
+   * @param key Entry key
+   * @param value Entry value
+   */
+  set: (
+    key: string,
+    value:
+      | number
+      | boolean
+      | Date
+      | RegExp
+      | ((...params: readonly any[]) => any)
+      | any
+      | readonly any[]
+      | string
+      | null,
+  ) => void;
+  /**
+   * (Alias of "removeItem") Remove a storage item
+   * @param key Storage key
+   */
+  remove: (key: string) => void;
 }
 
 /**
@@ -840,7 +2660,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 +2696,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 +2762,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 +2841,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 +2912,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 +2922,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 +3001,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 +3217,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 +3266,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 +3318,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 +3358,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 +3519,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 +3548,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 +3565,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 +3584,7 @@ export interface QBreadcrumbsProps {
   separatorColor?: NamedColor | undefined;
   /**
    * Specify how to align the breadcrumbs horizontally
-   * Default value: left
+   * Default value: 'left'
    */
   align?:
     | "left"
@@ -1831,7 +3653,7 @@ export interface QBreadcrumbsElProps {
   icon?: string | undefined;
   /**
    * HTML tag to use
-   * Default value: span
+   * Default value: 'span'
    */
   tag?: string | undefined;
   /**
@@ -1875,7 +3697,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 +3799,7 @@ export interface QBtnProps {
   tabindex?: number | string | undefined;
   /**
    * Label or content alignment
-   * Default value: center
+   * Default value: 'center'
    */
   align?:
     | "left"
@@ -1997,6 +3819,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 +3884,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 +3907,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 +4009,7 @@ export interface QBtnDropdownProps {
   tabindex?: number | string | undefined;
   /**
    * Label or content alignment
-   * Default value: center
+   * Default value: 'center'
    */
   align?:
     | "left"
@@ -2206,6 +4029,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 +4082,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 +4103,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 +4292,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 +4399,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 +4416,7 @@ export interface QCardProps {
   bordered?: boolean | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -2607,8 +4432,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 +4467,7 @@ export interface QCardSectionProps {
   horizontal?: boolean | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -2704,12 +4529,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 +4544,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 +4575,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 +4596,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 +4711,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 +4725,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 +4870,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 +4917,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 +4965,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 +5003,7 @@ export interface QChipProps {
   modelValue?: boolean;
   /**
    * Model for QChip if it's selected or not
+   * Default value: null
    */
   selected?: boolean | null | undefined;
   /**
@@ -3212,6 +5044,11 @@ export interface QChipProps {
    * @param evt JS event object
    */
   onClick?: (evt: Event) => void;
+  /**
+   * Emitted when the component needs to change the model; Is also used by v-model
+   * @param value New model value
+   */
+  "onUpdate:modelValue"?: (value: any) => void;
   /**
    * Used by Vue on 'v-model:selected' for updating its value
    * @param state Selected state
@@ -3240,10 +5077,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 +5104,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 +5118,7 @@ export interface QCircularProgressProps {
   thickness?: number | undefined;
   /**
    * Angle to rotate progress arc by
+   * Default value: 0
    */
   angle?: number | undefined;
   /**
@@ -3329,17 +5169,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 +5216,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 +5246,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 +5274,7 @@ export interface QDateProps {
     | undefined;
   /**
    * Specify calendar type
-   * Default value: gregorian
+   * Default value: 'gregorian'
    */
   calendar?: "gregorian" | "persian" | undefined;
   /**
@@ -3446,6 +5287,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 +5328,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 +5367,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 +5599,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 +5658,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 +5762,7 @@ export interface QDrawerProps {
   modelValue?: boolean;
   /**
    * Side to attach to
-   * Default value: left
+   * Default value: 'left'
    */
   side?: "left" | "right" | undefined;
   /**
@@ -3951,6 +5793,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 +5803,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;
   /**
@@ -4022,17 +5865,17 @@ export interface QDrawerProps {
    */
   onOnLayout?: (state: boolean) => void;
   /**
-   * Emitted when user clicks/taps on the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode
+   * Emitted when user clicks/taps on the component; Useful for when taking a decision to toggle mini mode
    * @param evt JS event object
    */
   onClick?: (evt: Event) => void;
   /**
-   * Emitted when user moves mouse cursor over the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode
+   * Emitted when user moves mouse cursor over the component; Useful for when taking a decision to toggle mini mode
    * @param evt JS event object
    */
   onMouseover?: (evt: Event) => void;
   /**
-   * Emitted when user moves mouse cursor out of the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode
+   * Emitted when user moves mouse cursor out of the component; Useful for when taking a decision to toggle mini mode
    * @param evt JS event object
    */
   onMouseout?: (evt: Event) => void;
@@ -4103,6 +5946,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 +5955,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 +5981,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 +5994,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 +6191,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 +6344,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 +6393,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 +6434,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 +6535,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 +6584,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 +6660,7 @@ export interface QFieldProps {
   modelValue?: any;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -4873,6 +6721,7 @@ export interface QFieldProps {
   bgColor?: NamedColor | undefined;
   /**
    * Notify the component that the background is a dark color
+   * Default value: null
    */
   dark?: boolean | null | undefined;
   /**
@@ -4951,17 +6800,13 @@ export interface QFieldProps {
    * Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well
    */
   for?: string | undefined;
-  /**
-   * Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists
-   */
-  name?: string | undefined;
   /**
    * Specify a max length of model
    */
   maxlength?: string | number | undefined;
   /**
    * HTML tag to use
-   * Default value: label
+   * Default value: 'label'
    */
   tag?: string | undefined;
   /**
@@ -5123,13 +6968,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 +7036,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 +7244,7 @@ export interface QFileSlots {
     /**
      * Array of File objects
      */
-    files: FileList | readonly any[];
+    files: readonly any[] | FileList;
     /**
      * Reference to the QFile component
      */
@@ -5415,7 +7262,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 +7489,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 +7546,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 +7559,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 +7590,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 +7681,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 +7751,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 +7766,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 +7791,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 +7833,7 @@ export interface QInputProps {
   modelValue: string | number | null | undefined;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -6043,6 +7894,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 +7979,7 @@ export interface QInputProps {
   shadowText?: string | undefined;
   /**
    * Input type
-   * Default value: text
+   * Default value: 'text'
    */
   type?:
     | "text"
@@ -6269,7 +8121,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 +8134,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 +8214,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 +8240,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 +8360,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 +8369,7 @@ export interface QListProps {
   padding?: boolean | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -6583,7 +8439,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 +8449,7 @@ export interface QKnobProps {
   thickness?: number | undefined;
   /**
    * Angle to rotate progress arc by
+   * Default value: 0
    */
   angle?: number | undefined;
   /**
@@ -6640,7 +8497,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 +8567,7 @@ export interface QLinearProgressProps {
   size?: string | undefined;
   /**
    * Progress value (0.0 < x < 1.0)
+   * Default value: 0
    */
   value?: number | undefined;
   /**
@@ -6726,6 +8584,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 +8635,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 +8652,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 +8674,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 +8706,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 +8799,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 +8878,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 +8936,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 +8949,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 +9032,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 +9064,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 +9078,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 +9114,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 +9162,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 +9201,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 +9242,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 +9255,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 +9276,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 +9393,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 +9760,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 +9804,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 +9905,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 +9919,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 +10204,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 +10241,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 +10407,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 +10533,7 @@ export interface QSelectProps {
   modelValue: any;
   /**
    * Does field have validation errors?
+   * Default value: null
    */
   error?: boolean | null | undefined;
   /**
@@ -8718,6 +10594,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 +10692,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 +10733,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 +10855,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 +10870,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 +11118,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 +11249,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 +11282,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 +11307,7 @@ export interface QSkeletonProps {
     | undefined;
   /**
    * The animation effect of the skeleton placeholder
-   * Default value: wave
+   * Default value: 'wave'
    */
   animation?:
     | "wave"
@@ -9465,7 +11345,7 @@ export interface QSkeletonProps {
   height?: string | undefined;
   /**
    * HTML tag to use
-   * Default value: div
+   * Default value: 'div'
    */
   tag?: string | undefined;
 }
@@ -9498,6 +11378,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 +11522,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 +11623,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 +11637,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 +12132,7 @@ export interface QSplitterProps {
   reverse?: boolean | undefined;
   /**
    * CSS unit for the model
-   * Default value: %
+   * Default value: '%'
    */
   unit?: "%" | "px" | undefined;
   /**
@@ -10261,8 +12144,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 +12316,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 +12331,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;
   /**
@@ -10580,10 +12464,6 @@ export interface QTabPanelProps {
    * Put component in disabled mode
    */
   disable?: boolean | undefined;
-  /**
-   * Notify the component that the background is a dark color
-   */
-  dark?: boolean | null | undefined;
 }
 
 export interface QTabPanelSlots {
@@ -10634,12 +12514,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 +12584,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 +12616,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 +12636,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 +12692,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 +12720,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 +12784,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 +12801,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 +12814,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 +12895,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 +12944,7 @@ export interface QTableProps {
   rowsPerPageOptions?: readonly any[] | undefined;
   /**
    * Selection type
-   * Default value: none
+   * Default value: 'none'
    */
   selection?: "single" | "multiple" | "none" | undefined;
   /**
@@ -11077,7 +12959,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 +13175,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11348,6 +13231,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11415,6 +13299,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11478,6 +13363,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11517,6 +13403,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11568,6 +13455,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11611,6 +13499,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11666,6 +13555,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -11705,6 +13595,7 @@ export interface QTableSlots {
     color: NamedColor;
     /**
      * Notify the component that the background is a dark color
+     * Default value: null
      */
     dark?: boolean | null;
     /**
@@ -12259,10 +14150,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 +14291,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 +14363,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 +14417,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 +14508,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 +14536,7 @@ export interface QTimeProps {
     | undefined;
   /**
    * Specify calendar type
-   * Default value: gregorian
+   * Default value: 'gregorian'
    */
   calendar?: "gregorian" | "persian" | undefined;
   /**
@@ -12658,6 +14549,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 +14578,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 +14683,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 +14714,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 +14790,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 +14837,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 +14918,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 +14937,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 +14968,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"
@@ -13090,7 +14989,7 @@ export interface QTooltipProps {
     | undefined;
   /**
    * An array of two numbers to offset the Tooltip horizontally and vertically in pixels
-   * Default value: [14, 14]
+   * Default value: [ 14, 14 ]
    */
   offset?: readonly any[] | undefined;
   /**
@@ -13108,10 +15007,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 +15090,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 +15124,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 +15133,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 +15170,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,14 +15442,14 @@ 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
    */
   method?: "POST" | "PUT" | ((files: readonly any[]) => string) | undefined;
   /**
    * Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name="__HERE__"; filename="somefile.png"; If using a function then for best performance, reference it from your scope and do not define it inline
-   * Default value: (file) => file.name
+   * Default value: file => file.name
    * @param files The current file being processed
    * @returns Field name for the current file upload
    */
@@ -13635,7 +15537,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 +15552,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 +15789,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 +15858,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 +15868,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 +15943,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 +16024,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 +16076,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 +16089,7 @@ export interface QDialogOptions {
   color?: NamedColor;
   /**
    * Apply dark mode
+   * Default value: null
    */
   dark?: boolean | null;
   /**
@@ -14222,12 +16126,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;
   /**
@@ -14293,10 +16197,6 @@ export interface QLoadingShowOptions {
 
 import { QLoadingUpdateOptions } from "./api";
 import { QLoadingBarOptions } from "./api";
-import { WebStorageGetItemMethodType } from "./api";
-import { WebStorageGetIndexMethodType } from "./api";
-import { WebStorageGetKeyMethodType } from "./api";
-import { WebStorageGetAllKeysMethodType } from "./api";
 import { QNotifyAction } from "./api";
 export interface QNotifyCreateOptions {
   /**
@@ -14353,7 +16253,7 @@ export interface QNotifyCreateOptions {
   spinnerSize?: string;
   /**
    * Window side/corner to stick to
-   * Default value: bottom
+   * Default value: 'bottom'
    */
   position?:
     | "top-left"
@@ -14367,7 +16267,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 +16280,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";
   /**
@@ -14436,6 +16336,10 @@ export interface QNotifyCreateOptions {
 
 import { QNotifyUpdateOptions } from "./api";
 import { QNotifyOptions } from "./api";
+import { WebStorageGetItemMethodType } from "./api";
+import { WebStorageGetIndexMethodType } from "./api";
+import { WebStorageGetKeyMethodType } from "./api";
+import { WebStorageGetAllKeysMethodType } from "./api";
 export interface QEditorCommand {
   /**
    * Label of the button
@@ -14477,7 +16381,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 +16480,7 @@ declare module "./globals" {
       grid?: boolean;
       /**
        * Apply dark mode
+       * Default value: null
        */
       dark?: boolean | null;
       /**
@@ -14597,7 +16502,6 @@ declare module "./globals" {
     dialog: (opts: QDialogOptions) => DialogChainObject;
     loading: Loading;
     loadingBar: LoadingBar;
-    localStorage: LocalStorage;
     /**
      * Creates a notification; Same as calling $q.notify(...)
      * @param opts Notification options
@@ -14608,6 +16512,7 @@ declare module "./globals" {
     ) => (props?: QNotifyUpdateOptions) => void;
     platform: Platform;
     screen: Screen;
+    localStorage: LocalStorage;
     sessionStorage: SessionStorage;
   }
 }
@@ -14633,7 +16538,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 +16551,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 +16586,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 +16629,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 +16639,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 +16669,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 +16744,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 +16793,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 +16804,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:
@@ -15251,16 +17156,16 @@ declare module "./config.d.ts" {
        */
       [customColors: string]: string | undefined;
     };
+    /**
+     * "'auto'" uses the OS/browser preference. "true" forces dark mode. "false" forces light mode.
+     */
+    dark?: boolean | "auto";
     lang?: {
       /**
        * Whether to disable 'dir' and 'lang' HTML attributes getting added to the '<html>' tag. The 'dir' attribute is crucial when using RTL support. Disable this only if you need to handle these yourself for some reason.
        */
       noHtmlAttrs?: boolean;
     };
-    /**
-     * "'auto'" uses the OS/browser preference. "true" forces dark mode. "false" forces light mode.
-     */
-    dark?: boolean | "auto";
     loading?: {
       /**
        * Wait a number of millisecond before showing; Not worth showing for 100ms for example then hiding it, so wait until you're sure it's a process that will take some considerable amount of time
@@ -15272,7 +17177,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 +17272,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 +17286,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 +17299,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";
       /**
@@ -15568,13 +17473,15 @@ export const BottomSheet: BottomSheet;
 export const Cookies: Cookies;
 export const Dark: Dark;
 export const Dialog: Dialog;
+export const IconSet: IconSet;
+export const Lang: Lang;
 export const Loading: Loading;
 export const LoadingBar: LoadingBar;
-export const LocalStorage: LocalStorage;
 export const Meta: Meta;
 export const Notify: Notify;
 export const Platform: Platform;
 export const Screen: Screen;
+export const LocalStorage: LocalStorage;
 export const SessionStorage: SessionStorage;
 export const ClosePopup: ClosePopup;
 export const Intersection: Intersection;
@@ -15854,7 +17761,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 +17774,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 +17809,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 +17852,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 +17862,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 +17892,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 +17967,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 +18016,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 +18027,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:
@@ -16167,13 +18074,15 @@ declare module "./plugin" {
     Cookies?: Cookies;
     Dark?: Dark;
     Dialog?: Dialog;
+    IconSet?: IconSet;
+    Lang?: Lang;
     Loading?: Loading;
     LoadingBar?: LoadingBar;
-    LocalStorage?: LocalStorage;
     Meta?: Meta;
     Notify?: Notify;
     Platform?: Platform;
     Screen?: Screen;
+    LocalStorage?: LocalStorage;
     SessionStorage?: SessionStorage;
   }
 }