From 593a1f0013e83a89864f49792cd9df6e6aca0633 Mon Sep 17 00:00:00 2001
From: "v.zheleztsov" <v.zheleztsov@qvant.ru>
Date: Thu, 5 May 2022 13:56:24 +0300
Subject: [PATCH] refactor: apply eslint formatter

---
 .../QBreadcrumbs/QBreadcrumbs.test.ts         |  3 +-
 src/qComponents/QButton/src/QButton.vue       |  1 +
 src/qComponents/QCascader/src/QCascader.vue   |  6 +--
 .../src/QCascaderColumn/QCascaderColumn.vue   |  3 +-
 .../QCascaderDropdown/QCascaderDropdown.vue   |  3 +-
 .../src/QCascaderInput/QCascaderInput.vue     |  3 +-
 .../src/QCascaderRow/QCascaderRow.vue         |  1 +
 .../src/QCascaderTags/QCascaderTags.vue       |  1 +
 src/qComponents/QCascader/src/types.ts        |  2 +-
 src/qComponents/QCheckbox/src/QCheckbox.vue   |  3 +-
 .../QCheckboxGroup/src/QCheckboxGroup.vue     |  1 +
 src/qComponents/QCollapse/src/QCollapse.vue   |  2 +-
 .../QCollapseItem/src/QCollapseItem.vue       |  1 +
 .../QColorAlphaSlider/QColorAlphaSlider.vue   |  6 +--
 .../src/QColorHueSlider/QColorHueSlider.vue   |  3 +-
 .../QColorPicker/src/QColorPicker.vue         |  9 ++--
 .../src/QColorSvpanel/QColorSvpanel.vue       |  5 ++-
 .../src/QPickerDropdown/QPickerDropdown.vue   | 13 +++---
 .../QColorPicker/src/QPickerDropdown/types.ts |  6 +--
 src/qComponents/QColorPicker/src/types.ts     |  2 +-
 .../QContextMenu/src/QContextMenu.vue         | 15 ++++---
 .../QDatePicker/src/QDatePicker.vue           | 43 ++++++++++---------
 .../QDatePicker/src/mobile/MobilePanel.vue    |  1 +
 .../QDatePicker/src/panel/Date/DatePanel.vue  | 11 ++---
 .../src/panel/DateRange/DateRange.vue         |  9 ++--
 .../QDatePicker/src/panel/DateRange/types.ts  |  2 +-
 .../src/panel/MonthRange/MonthRange.vue       | 11 +++--
 .../src/panel/YearRange/YearRange.vue         | 12 +++---
 .../QDatePicker/src/panel/composition.ts      |  1 +
 .../src/tables/DateTable/DateTable.vue        | 12 +++---
 .../QDatePicker/src/tables/DateTable/types.ts |  2 +-
 .../src/tables/PeriodTable/PeriodTable.vue    |  8 ++--
 .../src/tables/PeriodTable/types.ts           |  2 +-
 src/qComponents/QDatePicker/src/types.ts      |  4 +-
 .../QDialog/src/QDialogContainer/index.vue    |  4 +-
 .../QDialog/src/QDialogContainer/types.ts     |  2 +-
 .../QDialog/src/QDialogContainer/utils.ts     |  1 +
 .../QDialog/src/QDialogContent/index.vue      |  3 +-
 src/qComponents/QDialog/src/index.ts          |  3 +-
 src/qComponents/QDialog/src/types.ts          |  2 +-
 .../QDrawer/src/QDrawerContainer/index.vue    |  2 +-
 .../QDrawer/src/QDrawerContainer/types.ts     |  2 +-
 .../QDrawer/src/QDrawerContainer/utils.ts     |  1 +
 .../QDrawer/src/QDrawerContent/index.vue      |  1 +
 src/qComponents/QDrawer/src/index.ts          |  3 +-
 src/qComponents/QDrawer/src/types.ts          |  2 +-
 src/qComponents/QForm/src/QForm.vue           |  5 ++-
 src/qComponents/QForm/src/types.ts            |  3 +-
 src/qComponents/QFormItem/src/QFormItem.vue   | 11 ++---
 src/qComponents/QFormItem/src/types.ts        |  2 +-
 src/qComponents/QInput/src/QInput.vue         |  1 +
 .../QInputNumber/src/QInputNumber.vue         |  5 ++-
 .../src/QMessageBoxContainer/index.vue        |  8 ++--
 .../src/QMessageBoxContainer/types.ts         |  2 +-
 .../src/QMessageBoxContent/index.vue          |  3 +-
 src/qComponents/QMessageBox/src/index.ts      |  3 +-
 src/qComponents/QMessageBox/src/types.ts      |  2 +-
 .../QNotificationContainer.vue                |  3 +-
 .../QNotificationToast/QNotificationToast.vue |  2 +
 .../src/QNotificationToast/types.ts           |  2 +-
 src/qComponents/QNotification/src/index.ts    |  2 +-
 src/qComponents/QOption/src/QOption.vue       |  1 +
 .../QPagination/src/QPagination.vue           |  2 +-
 src/qComponents/QPopover/src/QPopover.vue     |  7 +--
 src/qComponents/QPopover/src/types.ts         |  2 +-
 src/qComponents/QProgressIndicatior/index.ts  |  3 +-
 .../QProgressIndicatior/src/index.ts          |  4 +-
 src/qComponents/QRadio/src/QRadio.vue         |  1 +
 .../QRadioGroup/src/QRadioGroup.vue           |  1 +
 src/qComponents/QRow/src/QRow.vue             |  1 +
 src/qComponents/QScrollbar/src/QBar.vue       |  1 +
 src/qComponents/QScrollbar/src/QScrollbar.vue |  3 +-
 src/qComponents/QSelect/src/QSelect.vue       | 31 ++++++-------
 .../QSelect/src/QSelectDropdown.vue           |  9 ++--
 src/qComponents/QSelect/src/QSelectTags.vue   |  1 +
 src/qComponents/QSelect/src/types.ts          |  5 ++-
 src/qComponents/QSlider/src/QSlider.vue       |  6 +--
 .../src/components/QSliderBar/types.ts        |  1 +
 src/qComponents/QSwitch/src/QSwitch.vue       |  1 +
 src/qComponents/QSwitch/src/types.ts          |  1 +
 src/qComponents/QTabPane/src/QTabPane.vue     |  1 +
 src/qComponents/QTable/src/QTable.vue         |  3 +-
 .../QTableCellCheckbox/QTableCellCheckbox.vue |  3 +-
 .../QTable/src/QTableEmpty/QTableEmpty.vue    |  3 +-
 .../QTable/src/QTableT/QTableT.vue            |  7 +--
 .../QTable/src/QTableTBody/QTableTBody.vue    |  2 +-
 .../QTableTBodyCell/QTableTBodyCell.vue       |  4 +-
 .../QTableTBodyRow/QTableTBodyRow.vue         |  8 ++--
 .../src/QTableTColgroup/QTableTColgroup.vue   |  2 +-
 .../QTable/src/QTableTHead/QTableTHead.vue    |  5 ++-
 .../QTableTHeadCell/QTableTHeadCell.vue       |  2 +-
 .../QTable/src/QTableTHead/types.ts           |  2 +-
 .../src/QTableTSticky/QTableTSticky.vue       |  3 +-
 .../QTable/src/QTableTTotal/QTableTTotal.vue  |  2 +-
 .../QTableTTotalCell/QTableTTotalCell.vue     |  4 +-
 .../QTable/src/hooks/sticky/index.ts          |  2 +-
 src/qComponents/QTextarea/src/QTextarea.vue   |  3 +-
 src/qComponents/QUpload/src/QUpload.vue       |  6 +--
 .../src/QUploadDropZone/QUploadDropZone.vue   |  1 +
 .../QUploadFileMultiple.vue                   |  4 +-
 src/qComponents/constants/locales/index.ts    |  2 +-
 src/qComponents/helpers/withInstall.ts        |  1 +
 src/qComponents/hooks/useMediaQuery/index.ts  |  1 +
 src/qComponents/index.ts                      |  5 +--
 src/qComponents/locale/index.ts               |  1 +
 stories/Layout/QCol.stories.ts                |  2 +-
 stories/Layout/QRow.stories.ts                |  2 +-
 stories/components/QBreadcrumbs.stories.ts    |  2 +-
 stories/components/QCollapse.stories.ts       |  2 +-
 stories/components/QColorPicker.stories.ts    |  2 +-
 stories/components/QDatePicker.stories.ts     |  2 +-
 stories/components/QForm.stories.ts           |  3 +-
 stories/components/QInput.stories.ts          |  1 +
 stories/components/QPopover.stories.ts        |  2 +-
 stories/components/QSelect.stories.ts         |  4 +-
 stories/components/QSlider/Default.ts         |  1 +
 stories/components/QSlider/SlotCaption.ts     |  1 +
 stories/components/QTabPane.stories.ts        |  2 +-
 stories/components/QTable/CustomRows.ts       |  3 +-
 stories/components/QTable/CustomWidth.ts      |  3 +-
 stories/components/QTable/Draggable.ts        |  2 +-
 stories/components/QTable/Groups.ts           |  3 +-
 stories/components/QTable/QTable.stories.ts   | 10 ++---
 stories/components/QTable/Selectable.ts       |  3 +-
 stories/components/QTable/StickyColumn.ts     |  2 +-
 stories/components/QTable/Total.ts            |  3 +-
 stories/components/QTabs.stories.ts           |  2 +-
 stories/components/QUpload/Default.stories.ts |  1 +
 stories/plugins/QDialog/Component.stories.ts  |  2 +-
 stories/plugins/QDialog/Extended.stories.ts   |  2 +-
 stories/plugins/QDrawer/Component.stories.ts  |  2 +-
 stories/plugins/QDrawer/Extended.stories.ts   |  2 +-
 .../plugins/QMessageBox/Component.stories.ts  |  2 +-
 .../plugins/QMessageBox/Extended.stories.ts   |  2 +-
 stories/plugins/QNotification.stories.ts      |  4 +-
 vite.config.ts                                | 11 +++--
 vitest.config.ts                              |  1 +
 137 files changed, 297 insertions(+), 234 deletions(-)

diff --git a/src/qComponents/QBreadcrumbs/QBreadcrumbs.test.ts b/src/qComponents/QBreadcrumbs/QBreadcrumbs.test.ts
index 516dbb9e..e255d084 100644
--- a/src/qComponents/QBreadcrumbs/QBreadcrumbs.test.ts
+++ b/src/qComponents/QBreadcrumbs/QBreadcrumbs.test.ts
@@ -1,5 +1,6 @@
-import { describe, it, expect } from 'vitest';
 import { shallowMount } from '@vue/test-utils';
+import { describe, it, expect } from 'vitest';
+
 import { QBreadcrumbs } from './index';
 
 describe('QBreadcrumbs', () => {
diff --git a/src/qComponents/QButton/src/QButton.vue b/src/qComponents/QButton/src/QButton.vue
index cac2e2c2..81d7b058 100644
--- a/src/qComponents/QButton/src/QButton.vue
+++ b/src/qComponents/QButton/src/QButton.vue
@@ -28,6 +28,7 @@ import { defineComponent, PropType, computed, inject } from 'vue';
 
 import { validateArray } from '@/qComponents/helpers';
 import type { QFormProvider } from '@/qComponents/QForm';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QCascader/src/QCascader.vue b/src/qComponents/QCascader/src/QCascader.vue
index 38ad80cc..488e5cb1 100644
--- a/src/qComponents/QCascader/src/QCascader.vue
+++ b/src/qComponents/QCascader/src/QCascader.vue
@@ -26,6 +26,7 @@
 </template>
 
 <script lang="ts">
+import type { Instance } from '@popperjs/core';
 import {
   defineComponent,
   inject,
@@ -37,20 +38,19 @@ import {
   watch,
   nextTick
 } from 'vue';
-import type { Instance } from '@popperjs/core';
 
 import { isServer } from '@/qComponents/constants/isServer';
 import { randId } from '@/qComponents/helpers';
 import { useResizeListener } from '@/qComponents/hooks';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
 import QCascaderDropdown from './QCascaderDropdown/QCascaderDropdown.vue';
 import QCascaderInput from './QCascaderInput/QCascaderInput.vue';
-import QCascaderTags from './QCascaderTags/QCascaderTags.vue';
 import type { QCascaderInputInstance } from './QCascaderInput/types';
-
+import QCascaderTags from './QCascaderTags/QCascaderTags.vue';
 import type {
   QCascaderPropModelValue,
   QCascaderPropOptions,
diff --git a/src/qComponents/QCascader/src/QCascaderColumn/QCascaderColumn.vue b/src/qComponents/QCascader/src/QCascaderColumn/QCascaderColumn.vue
index 83f81454..87e29cd4 100644
--- a/src/qComponents/QCascader/src/QCascaderColumn/QCascaderColumn.vue
+++ b/src/qComponents/QCascader/src/QCascaderColumn/QCascaderColumn.vue
@@ -38,11 +38,12 @@ import {
 } from 'vue';
 
 import { QScrollbar } from '@/qComponents/QScrollbar';
+
 import type { Nullable } from '#/helpers';
 
 import findAllLeaves from '../helpers/findAllLeaves';
-import QCascaderRow from '../QCascaderRow/QCascaderRow.vue';
 import type { QCascaderDropdownProvider } from '../QCascaderDropdown/types';
+import QCascaderRow from '../QCascaderRow/QCascaderRow.vue';
 import type { Option, QCascaderProvider } from '../types';
 
 import { getSibling } from './helpers';
diff --git a/src/qComponents/QCascader/src/QCascaderDropdown/QCascaderDropdown.vue b/src/qComponents/QCascader/src/QCascaderDropdown/QCascaderDropdown.vue
index 39a30d02..6f8ac497 100644
--- a/src/qComponents/QCascader/src/QCascaderDropdown/QCascaderDropdown.vue
+++ b/src/qComponents/QCascader/src/QCascaderDropdown/QCascaderDropdown.vue
@@ -25,6 +25,7 @@
 </template>
 
 <script lang="ts">
+import { createPopper } from '@popperjs/core';
 import {
   defineComponent,
   inject,
@@ -34,9 +35,9 @@ import {
   onMounted,
   onUnmounted
 } from 'vue';
-import { createPopper } from '@popperjs/core';
 
 import { getConfig } from '@/qComponents/config';
+
 import type { Nullable } from '#/helpers';
 
 import QCascaderColumn from '../QCascaderColumn/QCascaderColumn.vue';
diff --git a/src/qComponents/QCascader/src/QCascaderInput/QCascaderInput.vue b/src/qComponents/QCascader/src/QCascaderInput/QCascaderInput.vue
index a5e6d6c0..9e50663d 100644
--- a/src/qComponents/QCascader/src/QCascaderInput/QCascaderInput.vue
+++ b/src/qComponents/QCascader/src/QCascaderInput/QCascaderInput.vue
@@ -26,11 +26,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, inject, computed } from 'vue';
 import { isNumber, isEmpty } from 'lodash-es';
+import { defineComponent, inject, computed } from 'vue';
 
 import { t } from '@/qComponents/locale';
 import { QInput } from '@/qComponents/QInput';
+
 import type { Nullable } from '#/helpers';
 
 import findFullPath from '../helpers/findFullPath';
diff --git a/src/qComponents/QCascader/src/QCascaderRow/QCascaderRow.vue b/src/qComponents/QCascader/src/QCascaderRow/QCascaderRow.vue
index 98919c68..0eb83862 100644
--- a/src/qComponents/QCascader/src/QCascaderRow/QCascaderRow.vue
+++ b/src/qComponents/QCascader/src/QCascaderRow/QCascaderRow.vue
@@ -34,6 +34,7 @@
 import { defineComponent, inject, computed, PropType } from 'vue';
 
 import { QCheckbox } from '@/qComponents/QCheckbox';
+
 import getChildStatuses from '../helpers/getChildStatuses';
 import type { QCascaderProvider } from '../types';
 
diff --git a/src/qComponents/QCascader/src/QCascaderTags/QCascaderTags.vue b/src/qComponents/QCascader/src/QCascaderTags/QCascaderTags.vue
index 464f7480..ba6f257b 100644
--- a/src/qComponents/QCascader/src/QCascaderTags/QCascaderTags.vue
+++ b/src/qComponents/QCascader/src/QCascaderTags/QCascaderTags.vue
@@ -32,6 +32,7 @@
 import { defineComponent, inject, computed } from 'vue';
 
 import { QTag } from '@/qComponents/QTag';
+
 import findFullPath from '../helpers/findFullPath';
 import type { QCascaderProvider } from '../types';
 
diff --git a/src/qComponents/QCascader/src/types.ts b/src/qComponents/QCascader/src/types.ts
index 0ef61c46..3ba1bb17 100644
--- a/src/qComponents/QCascader/src/types.ts
+++ b/src/qComponents/QCascader/src/types.ts
@@ -1,5 +1,5 @@
-import type { Ref, ComputedRef } from 'vue';
 import type { Instance } from '@popperjs/core';
+import type { Ref, ComputedRef } from 'vue';
 
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
diff --git a/src/qComponents/QCheckbox/src/QCheckbox.vue b/src/qComponents/QCheckbox/src/QCheckbox.vue
index 2589c05b..8da394d5 100644
--- a/src/qComponents/QCheckbox/src/QCheckbox.vue
+++ b/src/qComponents/QCheckbox/src/QCheckbox.vue
@@ -52,9 +52,10 @@
 <script lang="ts">
 import { computed, defineComponent, inject, watch, ref } from 'vue';
 
+import type { QCheckboxGroupProvider } from '@/qComponents/QCheckboxGroup';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
-import type { QCheckboxGroupProvider } from '@/qComponents/QCheckboxGroup';
+
 import type { Nullable } from '#/helpers';
 
 import type { QCheckboxProps, QCheckboxInstance } from './types';
diff --git a/src/qComponents/QCheckboxGroup/src/QCheckboxGroup.vue b/src/qComponents/QCheckboxGroup/src/QCheckboxGroup.vue
index 91096906..01e006a6 100644
--- a/src/qComponents/QCheckboxGroup/src/QCheckboxGroup.vue
+++ b/src/qComponents/QCheckboxGroup/src/QCheckboxGroup.vue
@@ -22,6 +22,7 @@ import {
 
 import { validateArray } from '@/qComponents/helpers';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QCollapse/src/QCollapse.vue b/src/qComponents/QCollapse/src/QCollapse.vue
index 395de822..30adfee0 100644
--- a/src/qComponents/QCollapse/src/QCollapse.vue
+++ b/src/qComponents/QCollapse/src/QCollapse.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, provide, watch, ref } from 'vue';
 import { uniqueId } from 'lodash-es';
+import { defineComponent, PropType, provide, watch, ref } from 'vue';
 
 import type {
   QCollapseProps,
diff --git a/src/qComponents/QCollapseItem/src/QCollapseItem.vue b/src/qComponents/QCollapseItem/src/QCollapseItem.vue
index 0275a03b..b93225a4 100644
--- a/src/qComponents/QCollapseItem/src/QCollapseItem.vue
+++ b/src/qComponents/QCollapseItem/src/QCollapseItem.vue
@@ -37,6 +37,7 @@ import { defineComponent, inject, computed } from 'vue';
 
 import { randId } from '@/qComponents/helpers';
 import type { QCollapseProvider } from '@/qComponents/QCollapse';
+
 import QCollapseTransition from './QCollapseTransition.vue';
 import type { QCollapseItemProps, QCollapseItemInstance } from './types';
 
diff --git a/src/qComponents/QColorPicker/src/QColorAlphaSlider/QColorAlphaSlider.vue b/src/qComponents/QColorPicker/src/QColorAlphaSlider/QColorAlphaSlider.vue
index 36d150f5..2ec6895e 100644
--- a/src/qComponents/QColorPicker/src/QColorAlphaSlider/QColorAlphaSlider.vue
+++ b/src/qComponents/QColorPicker/src/QColorAlphaSlider/QColorAlphaSlider.vue
@@ -18,6 +18,7 @@
 </template>
 
 <script lang="ts">
+import { colord } from 'colord';
 import {
   defineComponent,
   ref,
@@ -28,12 +29,11 @@ import {
   nextTick
 } from 'vue';
 
-import { colord } from 'colord';
-
 import type { Nullable } from '#/helpers';
 
-import draggable from '../utils/draggable';
 import type { QPickerDropdownProvider } from '../QPickerDropdown';
+import draggable from '../utils/draggable';
+
 import type { QColorAlphaSliderInstance } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QColorPicker/src/QColorHueSlider/QColorHueSlider.vue b/src/qComponents/QColorPicker/src/QColorHueSlider/QColorHueSlider.vue
index da3cc964..f5687f3a 100644
--- a/src/qComponents/QColorPicker/src/QColorHueSlider/QColorHueSlider.vue
+++ b/src/qComponents/QColorPicker/src/QColorHueSlider/QColorHueSlider.vue
@@ -29,8 +29,9 @@ import {
 
 import type { Nullable } from '#/helpers';
 
-import draggable from '../utils/draggable';
 import type { QPickerDropdownProvider } from '../QPickerDropdown';
+import draggable from '../utils/draggable';
+
 import type { QColorHueSliderInstance } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QColorPicker/src/QColorPicker.vue b/src/qComponents/QColorPicker/src/QColorPicker.vue
index 84e6a982..70c6d302 100644
--- a/src/qComponents/QColorPicker/src/QColorPicker.vue
+++ b/src/qComponents/QColorPicker/src/QColorPicker.vue
@@ -52,6 +52,9 @@
 </template>
 
 <script lang="ts">
+import { createPopper, Instance, Options } from '@popperjs/core';
+import { placements } from '@popperjs/core/lib/enums';
+import { colord } from 'colord';
 import {
   defineComponent,
   PropType,
@@ -62,15 +65,13 @@ import {
   nextTick,
   provide
 } from 'vue';
-import { createPopper, Instance, Options } from '@popperjs/core';
-import { placements } from '@popperjs/core/lib/enums';
-import { colord } from 'colord';
 
+import { getConfig } from '@/qComponents/config';
 import { isServer } from '@/qComponents/constants/isServer';
 import { validateArray } from '@/qComponents/helpers';
-import { getConfig } from '@/qComponents/config';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
 import QPickerDropdown from './QPickerDropdown';
diff --git a/src/qComponents/QColorPicker/src/QColorSvpanel/QColorSvpanel.vue b/src/qComponents/QColorPicker/src/QColorSvpanel/QColorSvpanel.vue
index 20607ec3..32975f25 100644
--- a/src/qComponents/QColorPicker/src/QColorSvpanel/QColorSvpanel.vue
+++ b/src/qComponents/QColorPicker/src/QColorSvpanel/QColorSvpanel.vue
@@ -12,6 +12,7 @@
 </template>
 
 <script lang="ts">
+import { colord } from 'colord';
 import {
   defineComponent,
   ref,
@@ -21,12 +22,12 @@ import {
   nextTick,
   inject
 } from 'vue';
-import { colord } from 'colord';
 
 import type { Nullable } from '#/helpers';
 
-import draggable from '../utils/draggable';
 import type { QPickerDropdownProvider } from '../QPickerDropdown';
+import draggable from '../utils/draggable';
+
 import type { QColorSvpanelInstance } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QColorPicker/src/QPickerDropdown/QPickerDropdown.vue b/src/qComponents/QColorPicker/src/QPickerDropdown/QPickerDropdown.vue
index e3603d97..0e104e1c 100644
--- a/src/qComponents/QColorPicker/src/QPickerDropdown/QPickerDropdown.vue
+++ b/src/qComponents/QColorPicker/src/QPickerDropdown/QPickerDropdown.vue
@@ -51,6 +51,8 @@
 </template>
 
 <script lang="ts">
+import { colord } from 'colord';
+import type { HsvaColor } from 'colord';
 import {
   defineComponent,
   PropType,
@@ -62,21 +64,20 @@ import {
   onUnmounted,
   provide
 } from 'vue';
-import { colord } from 'colord';
-import type { HsvaColor } from 'colord';
 
-import { t } from '@/qComponents/locale';
 import { validateArray } from '@/qComponents/helpers';
+import { t } from '@/qComponents/locale';
 import { QButton } from '@/qComponents/QButton';
 import { QInput } from '@/qComponents/QInput';
+
 import type { Nillable, Nullable, UnwrappedInstance } from '#/helpers';
 
-import QColorSvpanel from '../QColorSvpanel';
 import QColorAlphaSlider from '../QColorAlphaSlider';
+import type { QColorAlphaSliderInstance } from '../QColorAlphaSlider';
 import QColorHueSlider from '../QColorHueSlider';
-import type { QColorSvpanelInstance } from '../QColorSvpanel';
 import type { QColorHueSliderInstance } from '../QColorHueSlider';
-import type { QColorAlphaSliderInstance } from '../QColorAlphaSlider';
+import type { QColorSvpanelInstance } from '../QColorSvpanel';
+import QColorSvpanel from '../QColorSvpanel';
 import type { QColorPickerProvider } from '../types';
 
 import type {
diff --git a/src/qComponents/QColorPicker/src/QPickerDropdown/types.ts b/src/qComponents/QColorPicker/src/QPickerDropdown/types.ts
index 457f0853..cf0dbab4 100644
--- a/src/qComponents/QColorPicker/src/QPickerDropdown/types.ts
+++ b/src/qComponents/QColorPicker/src/QPickerDropdown/types.ts
@@ -2,10 +2,10 @@ import type { Ref } from 'vue';
 
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
-import type { ColorFormat } from '../types';
-import type { QColorSvpanelInstance } from '../QColorSvpanel';
-import type { QColorHueSliderInstance } from '../QColorHueSlider';
 import type { QColorAlphaSliderInstance } from '../QColorAlphaSlider';
+import type { QColorHueSliderInstance } from '../QColorHueSlider';
+import type { QColorSvpanelInstance } from '../QColorSvpanel';
+import type { ColorFormat } from '../types';
 
 export type QPickerDropdownPropColorFormat = ColorFormat;
 
diff --git a/src/qComponents/QColorPicker/src/types.ts b/src/qComponents/QColorPicker/src/types.ts
index b04f6bcd..50260487 100644
--- a/src/qComponents/QColorPicker/src/types.ts
+++ b/src/qComponents/QColorPicker/src/types.ts
@@ -1,5 +1,5 @@
-import type { Ref, ComputedRef } from 'vue';
 import type { Placement, Options } from '@popperjs/core';
+import type { Ref, ComputedRef } from 'vue';
 
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
diff --git a/src/qComponents/QContextMenu/src/QContextMenu.vue b/src/qComponents/QContextMenu/src/QContextMenu.vue
index b16a2872..fd825147 100644
--- a/src/qComponents/QContextMenu/src/QContextMenu.vue
+++ b/src/qComponents/QContextMenu/src/QContextMenu.vue
@@ -51,6 +51,12 @@
 </template>
 
 <script lang="ts">
+import {
+  createPopper as createPopperJs,
+  Instance,
+  Options,
+  Placement
+} from '@popperjs/core';
 import {
   defineComponent,
   computed,
@@ -60,16 +66,11 @@ import {
   onUnmounted,
   onBeforeUpdate
 } from 'vue';
-import {
-  createPopper as createPopperJs,
-  Instance,
-  Options,
-  Placement
-} from '@popperjs/core';
 
+import { getConfig } from '@/qComponents/config';
 import { isServer } from '@/qComponents/constants/isServer';
 import { validateArray } from '@/qComponents/helpers';
-import { getConfig } from '@/qComponents/config';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QDatePicker/src/QDatePicker.vue b/src/qComponents/QDatePicker/src/QDatePicker.vue
index c1b664a8..837c21a2 100644
--- a/src/qComponents/QDatePicker/src/QDatePicker.vue
+++ b/src/qComponents/QDatePicker/src/QDatePicker.vue
@@ -96,6 +96,17 @@
 </template>
 
 <script lang="ts">
+import { createPopper } from '@popperjs/core';
+import {
+  isDate,
+  isValid,
+  parse,
+  startOfMonth,
+  startOfWeek,
+  startOfYear,
+  parseISO
+} from 'date-fns';
+import { isNumber, isString } from 'lodash-es';
 import {
   computed,
   defineComponent,
@@ -108,36 +119,20 @@ import {
   toRef
 } from 'vue';
 import type { PropType } from 'vue';
-import { createPopper } from '@popperjs/core';
-import { isNumber, isString } from 'lodash-es';
-import {
-  isDate,
-  isValid,
-  parse,
-  startOfMonth,
-  startOfWeek,
-  startOfYear,
-  parseISO
-} from 'date-fns';
 
-import { isServer } from '@/qComponents/constants/isServer';
 import { getConfig } from '@/qComponents/config';
-import { t } from '@/qComponents/locale';
+import { isServer } from '@/qComponents/constants/isServer';
 import { notNull, validateArray } from '@/qComponents/helpers';
 import { useMediaQuery } from '@/qComponents/hooks';
-import { QInput } from '@/qComponents/QInput';
+import { t } from '@/qComponents/locale';
 import { useDialog } from '@/qComponents/QDialog';
 import type { QFormProvider } from '@/qComponents/QForm';
-import type { QInputInstance } from '@/qComponents/QInput';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+import { QInput } from '@/qComponents/QInput';
+import type { QInputInstance } from '@/qComponents/QInput';
+
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
-import DatePanel from './panel/Date/DatePanel.vue';
-import DateRangePanel from './panel/DateRange/DateRange.vue';
-import MonthRangePanel from './panel/MonthRange/MonthRange.vue';
-import YearRangePanel from './panel/YearRange/YearRange.vue';
-import MobilePanel from './mobile/MobilePanel.vue';
-import type { DatePanelInstance } from './panel/Date/types';
 import {
   calcInputData,
   formatToLocalReadableString,
@@ -145,6 +140,12 @@ import {
   checkArrayValueIsValid,
   convertISOToDate
 } from './helpers';
+import MobilePanel from './mobile/MobilePanel.vue';
+import DatePanel from './panel/Date/DatePanel.vue';
+import type { DatePanelInstance } from './panel/Date/types';
+import DateRangePanel from './panel/DateRange/DateRange.vue';
+import MonthRangePanel from './panel/MonthRange/MonthRange.vue';
+import YearRangePanel from './panel/YearRange/YearRange.vue';
 import type {
   QDatePickerPropDisabledValues,
   QDatePickerPropModelValue,
diff --git a/src/qComponents/QDatePicker/src/mobile/MobilePanel.vue b/src/qComponents/QDatePicker/src/mobile/MobilePanel.vue
index caff0422..6b3d0228 100644
--- a/src/qComponents/QDatePicker/src/mobile/MobilePanel.vue
+++ b/src/qComponents/QDatePicker/src/mobile/MobilePanel.vue
@@ -24,6 +24,7 @@ import { QDialogContent, QDialogAction } from '@/qComponents/QDialog';
 import type { QDialogContainerProvider } from '@/qComponents/QDialog';
 
 import type { QDatePickerPropModelValue, QDatePickerProvider } from '../types';
+
 import type { MobilePanelInstance } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QDatePicker/src/panel/Date/DatePanel.vue b/src/qComponents/QDatePicker/src/panel/Date/DatePanel.vue
index 1c0eeb6c..ba0d49ea 100644
--- a/src/qComponents/QDatePicker/src/panel/Date/DatePanel.vue
+++ b/src/qComponents/QDatePicker/src/panel/Date/DatePanel.vue
@@ -92,6 +92,8 @@
 </template>
 
 <script lang="ts">
+import { subMonths, addMonths, subYears, addYears } from 'date-fns';
+import { isNil } from 'lodash-es';
 import {
   reactive,
   computed,
@@ -103,15 +105,12 @@ import {
   nextTick
 } from 'vue';
 import type { PropType } from 'vue';
-import { subMonths, addMonths, subYears, addYears } from 'date-fns';
-import { isNil } from 'lodash-es';
 
-import { t } from '@/qComponents/locale';
 import { getConfig } from '@/qComponents/config';
+import { t } from '@/qComponents/locale';
+
 import type { Nullable } from '#/helpers';
 
-import PeriodTable from '../../tables/PeriodTable/PeriodTable.vue';
-import DateTable from '../../tables/DateTable/DateTable.vue';
 import {
   DATE_CELLS_COUNT,
   DATE_CELLS_IN_ROW_COUNT,
@@ -120,6 +119,8 @@ import {
   PERIOD_CELLS_IN_ROW_COUNT,
   YEARS_IN_DECADE
 } from '../../constants';
+import DateTable from '../../tables/DateTable/DateTable.vue';
+import PeriodTable from '../../tables/PeriodTable/PeriodTable.vue';
 import type { QDatePickerProvider } from '../../types';
 import { getPeriodNextNodeIndex } from '../composition';
 
diff --git a/src/qComponents/QDatePicker/src/panel/DateRange/DateRange.vue b/src/qComponents/QDatePicker/src/panel/DateRange/DateRange.vue
index 5bc7cbd8..eba7b204 100644
--- a/src/qComponents/QDatePicker/src/panel/DateRange/DateRange.vue
+++ b/src/qComponents/QDatePicker/src/panel/DateRange/DateRange.vue
@@ -113,6 +113,9 @@
 </template>
 
 <script lang="ts">
+import { addMonths, subMonths, isSameMonth } from 'date-fns';
+import { isNil } from 'lodash-es';
+import type { PropType } from 'vue';
 import {
   reactive,
   computed,
@@ -122,13 +125,9 @@ import {
   onMounted,
   defineComponent
 } from 'vue';
-import type { PropType } from 'vue';
-import { addMonths, subMonths, isSameMonth } from 'date-fns';
-import { isNil } from 'lodash-es';
 
 import type { Nullable } from '#/helpers';
 
-import type { QDatePickerProvider } from '../../types';
 import type { RangePickValue, RangeState } from '../../commonTypes';
 import {
   DATE_CELLS_COUNT,
@@ -136,7 +135,7 @@ import {
   MONTHS_COUNT
 } from '../../constants';
 import DateTable from '../../tables/DateTable/DateTable.vue';
-
+import type { QDatePickerProvider } from '../../types';
 import {
   getActualMonth,
   leftYearComposable,
diff --git a/src/qComponents/QDatePicker/src/panel/DateRange/types.ts b/src/qComponents/QDatePicker/src/panel/DateRange/types.ts
index 8fb4cd9d..993f0a4d 100644
--- a/src/qComponents/QDatePicker/src/panel/DateRange/types.ts
+++ b/src/qComponents/QDatePicker/src/panel/DateRange/types.ts
@@ -2,8 +2,8 @@ import type { ComputedRef, Ref } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
-import type { QDatePickerPropShortcuts } from '../../types';
 import type { RangeState, RangePickValue } from '../../commonTypes';
+import type { QDatePickerPropShortcuts } from '../../types';
 
 type DatePanelRangePropModelValue = Nullable<Date[]>;
 
diff --git a/src/qComponents/QDatePicker/src/panel/MonthRange/MonthRange.vue b/src/qComponents/QDatePicker/src/panel/MonthRange/MonthRange.vue
index dce9931c..96339c02 100644
--- a/src/qComponents/QDatePicker/src/panel/MonthRange/MonthRange.vue
+++ b/src/qComponents/QDatePicker/src/panel/MonthRange/MonthRange.vue
@@ -85,6 +85,8 @@
 </template>
 
 <script lang="ts">
+import { isDate, addYears, addMonths, isSameMonth } from 'date-fns';
+import { isNil } from 'lodash-es';
 import {
   reactive,
   computed,
@@ -95,17 +97,13 @@ import {
   defineComponent
 } from 'vue';
 import type { PropType } from 'vue';
-import { isDate, addYears, addMonths, isSameMonth } from 'date-fns';
-import { isNil } from 'lodash-es';
 
 import type { Nullable } from '#/helpers';
 
-import PeriodTable from '../../tables/PeriodTable/PeriodTable.vue';
+import type { RangePickValue, RangeState } from '../../commonTypes';
 import { PERIOD_CELLS_IN_ROW_COUNT } from '../../constants';
-import type { DatePanelRangePropModelValue } from '../DateRange/types';
+import PeriodTable from '../../tables/PeriodTable/PeriodTable.vue';
 import type { QDatePickerProvider } from '../../types';
-import type { RangePickValue, RangeState } from '../../commonTypes';
-
 import {
   leftYearComposable,
   isValidValue,
@@ -117,6 +115,7 @@ import {
   getActualMonth,
   getPeriodNextNodeIndex
 } from '../composition';
+import type { DatePanelRangePropModelValue } from '../DateRange/types';
 
 import type {
   MonthRangePanelInstance,
diff --git a/src/qComponents/QDatePicker/src/panel/YearRange/YearRange.vue b/src/qComponents/QDatePicker/src/panel/YearRange/YearRange.vue
index b8d6413d..217e9309 100644
--- a/src/qComponents/QDatePicker/src/panel/YearRange/YearRange.vue
+++ b/src/qComponents/QDatePicker/src/panel/YearRange/YearRange.vue
@@ -90,6 +90,8 @@
 </template>
 
 <script lang="ts">
+import { addYears, getDecade, isDate, subYears } from 'date-fns';
+import { isNil } from 'lodash-es';
 import {
   reactive,
   computed,
@@ -100,17 +102,13 @@ import {
   defineComponent
 } from 'vue';
 import type { PropType } from 'vue';
-import { addYears, getDecade, isDate, subYears } from 'date-fns';
-import { isNil } from 'lodash-es';
 
 import type { Nullable } from '#/helpers';
 
+import { RangePickValue, RangeState } from '../../commonTypes';
+import { PERIOD_CELLS_IN_ROW_COUNT, YEARS_IN_DECADE } from '../../constants';
 import PeriodTable from '../../tables/PeriodTable/PeriodTable.vue';
 import type { QDatePickerProvider } from '../../types';
-import type { DatePanelRangePropModelValue } from '../DateRange/types';
-import { PERIOD_CELLS_IN_ROW_COUNT, YEARS_IN_DECADE } from '../../constants';
-import { RangePickValue, RangeState } from '../../commonTypes';
-
 import {
   leftYearComposable,
   isValidValue,
@@ -118,6 +116,8 @@ import {
   getPeriodNextNodeIndex,
   getLabelFromDate
 } from '../composition';
+import type { DatePanelRangePropModelValue } from '../DateRange/types';
+
 import type {
   YearRangePanelInstance,
   YearRangePanelProps,
diff --git a/src/qComponents/QDatePicker/src/panel/composition.ts b/src/qComponents/QDatePicker/src/panel/composition.ts
index cfcc3c37..b8274cc2 100644
--- a/src/qComponents/QDatePicker/src/panel/composition.ts
+++ b/src/qComponents/QDatePicker/src/panel/composition.ts
@@ -10,6 +10,7 @@ import {
 import { isDate } from 'lodash-es';
 
 import { getConfig } from '@/qComponents/config';
+
 import type { Nullable } from '#/helpers';
 
 import type { RangePickValue, RangeState, RangeType } from '../commonTypes';
diff --git a/src/qComponents/QDatePicker/src/tables/DateTable/DateTable.vue b/src/qComponents/QDatePicker/src/tables/DateTable/DateTable.vue
index 1bc856e6..d0905b08 100644
--- a/src/qComponents/QDatePicker/src/tables/DateTable/DateTable.vue
+++ b/src/qComponents/QDatePicker/src/tables/DateTable/DateTable.vue
@@ -42,8 +42,6 @@
 </template>
 
 <script lang="ts">
-import { reactive, computed, inject, defineComponent } from 'vue';
-import type { PropType } from 'vue';
 import {
   getDaysInMonth,
   startOfMonth,
@@ -55,23 +53,25 @@ import {
   isToday,
   Locale
 } from 'date-fns';
-import { throttle } from 'lodash-es';
 import { ru, enGB as en, zhHK as zh } from 'date-fns/locale';
+import { throttle } from 'lodash-es';
+import { reactive, computed, inject, defineComponent } from 'vue';
+import type { PropType } from 'vue';
 
 import { getConfig } from '@/qComponents/config';
 import { notNull } from '@/qComponents/helpers';
 
-import { isDateInRangeInterval } from '../../helpers';
 import type { DateCellModel, RangeState, TableProps } from '../../commonTypes';
-import type { QDatePickerProvider } from '../../types';
 import {
   DAYS_IN_WEEK,
   LAST_MONTH_IN_YEAR_INDEX,
   WEEK_FRONTIER
 } from '../../constants';
+import { isDateInRangeInterval } from '../../helpers';
+import type { QDatePickerProvider } from '../../types';
 
-import type { DateTableInterface, DateTableState } from './types';
 import checkDisabled from './checkDisabled';
+import type { DateTableInterface, DateTableState } from './types';
 
 const locales: Record<string, Locale> = { ru, en, zh };
 
diff --git a/src/qComponents/QDatePicker/src/tables/DateTable/types.ts b/src/qComponents/QDatePicker/src/tables/DateTable/types.ts
index e68ece48..42ff75f9 100644
--- a/src/qComponents/QDatePicker/src/tables/DateTable/types.ts
+++ b/src/qComponents/QDatePicker/src/tables/DateTable/types.ts
@@ -1,5 +1,5 @@
-import type { ComputedRef } from 'vue';
 import type { DebouncedFunc } from 'lodash-es';
+import type { ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
diff --git a/src/qComponents/QDatePicker/src/tables/PeriodTable/PeriodTable.vue b/src/qComponents/QDatePicker/src/tables/PeriodTable/PeriodTable.vue
index 0cb5708d..d2fd3a0c 100644
--- a/src/qComponents/QDatePicker/src/tables/PeriodTable/PeriodTable.vue
+++ b/src/qComponents/QDatePicker/src/tables/PeriodTable/PeriodTable.vue
@@ -29,8 +29,6 @@
 </template>
 
 <script lang="ts">
-import { reactive, computed, inject, defineComponent } from 'vue';
-import type { PropType } from 'vue';
 import {
   addYears,
   startOfMonth,
@@ -39,18 +37,20 @@ import {
   startOfDecade
 } from 'date-fns';
 import { debounce } from 'lodash-es';
+import { reactive, computed, inject, defineComponent } from 'vue';
+import type { PropType } from 'vue';
 
 import { getConfig } from '@/qComponents/config';
 import { notNull } from '@/qComponents/helpers';
 
+import type { RangeState } from '../../commonTypes';
+import { PERIOD_CELLS_IN_ROW_COUNT } from '../../constants';
 import {
   formatToLocalReadableString,
   isDateInRangeInterval,
   checkDisabled
 } from '../../helpers';
-import type { RangeState } from '../../commonTypes';
 import type { QDatePickerProvider } from '../../types';
-import { PERIOD_CELLS_IN_ROW_COUNT } from '../../constants';
 
 import type {
   PeriodCellModel,
diff --git a/src/qComponents/QDatePicker/src/tables/PeriodTable/types.ts b/src/qComponents/QDatePicker/src/tables/PeriodTable/types.ts
index 31d26c75..306389d4 100644
--- a/src/qComponents/QDatePicker/src/tables/PeriodTable/types.ts
+++ b/src/qComponents/QDatePicker/src/tables/PeriodTable/types.ts
@@ -1,5 +1,5 @@
-import type { ComputedRef } from 'vue';
 import type { DebouncedFunc } from 'lodash-es';
+import type { ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
diff --git a/src/qComponents/QDatePicker/src/types.ts b/src/qComponents/QDatePicker/src/types.ts
index c778516a..8110ab7e 100644
--- a/src/qComponents/QDatePicker/src/types.ts
+++ b/src/qComponents/QDatePicker/src/types.ts
@@ -2,15 +2,15 @@ import type { Instance } from '@popperjs/core';
 import type { ComputedRef, Ref } from 'vue';
 
 import type { QInputInstance } from '@/qComponents/QInput';
+
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
 import type DatePanel from './panel/Date/DatePanel.vue';
+import type { DatePanelInstance } from './panel/Date/types';
 import type DateRangePanel from './panel/DateRange/DateRange.vue';
 import type MonthRangePanel from './panel/MonthRange/MonthRange.vue';
 import type YearRangePanel from './panel/YearRange/YearRange.vue';
 
-import type { DatePanelInstance } from './panel/Date/types';
-
 type QDatePickerPropModelValue = Nullable<
   string | Date | [string, string] | [Date, Date]
 >;
diff --git a/src/qComponents/QDialog/src/QDialogContainer/index.vue b/src/qComponents/QDialog/src/QDialogContainer/index.vue
index a672a808..d8f031da 100644
--- a/src/qComponents/QDialog/src/QDialogContainer/index.vue
+++ b/src/qComponents/QDialog/src/QDialogContainer/index.vue
@@ -42,15 +42,14 @@ import {
 } from 'vue';
 import type { PropType } from 'vue';
 
-import { isServer } from '@/qComponents/constants/isServer';
 import { getConfig } from '@/qComponents/config';
+import { isServer } from '@/qComponents/constants/isServer';
 
 import type { Nullable } from '#/helpers';
 
 import { QDialogAction } from '../constants';
 import type { QDialogComponent, QDialogEvent } from '../types';
 
-import { isExternalComponent } from './utils';
 import type {
   QDialogContainerPropContent,
   QDialogContainerPropBeforeClose,
@@ -59,6 +58,7 @@ import type {
   QDialogContainerInstance,
   QDialogContainerProvider
 } from './types';
+import { isExternalComponent } from './utils';
 
 export default defineComponent({
   name: 'QDialogContainer',
diff --git a/src/qComponents/QDialog/src/QDialogContainer/types.ts b/src/qComponents/QDialog/src/QDialogContainer/types.ts
index 7a206e8b..4699357b 100644
--- a/src/qComponents/QDialog/src/QDialogContainer/types.ts
+++ b/src/qComponents/QDialog/src/QDialogContainer/types.ts
@@ -2,8 +2,8 @@ import type { ComputedRef, Ref } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
-import type { QDialogComponent, QDialogContent, QDialogEvent } from '../types';
 import type { QDialogAction } from '../constants';
+import type { QDialogComponent, QDialogContent, QDialogEvent } from '../types';
 
 export type QDialogContainerPropContent = QDialogContent;
 
diff --git a/src/qComponents/QDialog/src/QDialogContainer/utils.ts b/src/qComponents/QDialog/src/QDialogContainer/utils.ts
index 92bcd5fb..d2aa68fe 100644
--- a/src/qComponents/QDialog/src/QDialogContainer/utils.ts
+++ b/src/qComponents/QDialog/src/QDialogContainer/utils.ts
@@ -1,6 +1,7 @@
 import { has } from 'lodash-es';
 
 import type { QDialogComponent } from '../types';
+
 import type { QDialogContainerPropContent } from './types';
 
 export const isExternalComponent = (
diff --git a/src/qComponents/QDialog/src/QDialogContent/index.vue b/src/qComponents/QDialog/src/QDialogContent/index.vue
index c8a684a6..488b378f 100644
--- a/src/qComponents/QDialog/src/QDialogContent/index.vue
+++ b/src/qComponents/QDialog/src/QDialogContent/index.vue
@@ -31,12 +31,13 @@
 <script lang="ts">
 import { defineComponent, inject } from 'vue';
 
-import { QScrollbar } from '@/qComponents/QScrollbar';
 import { QButton } from '@/qComponents/QButton';
+import { QScrollbar } from '@/qComponents/QScrollbar';
 
 import type { Nullable } from '#/helpers';
 
 import type { QDialogContainerProvider } from '../QDialogContainer';
+
 import type { QDialogContentInstance, QDialogContentProps } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QDialog/src/index.ts b/src/qComponents/QDialog/src/index.ts
index 57606baf..0cdb0e7d 100644
--- a/src/qComponents/QDialog/src/index.ts
+++ b/src/qComponents/QDialog/src/index.ts
@@ -2,11 +2,12 @@ import { createApp, ref, nextTick } from 'vue';
 import type { App, Ref } from 'vue';
 
 import { isServer } from '@/qComponents/constants/isServer';
+
 import type { Nullable, Nillable, UnwrappedInstance } from '#/helpers';
 
+import { QDialogAction } from './constants';
 import { QDialogContainer } from './QDialogContainer';
 import type { QDialogContainerInstance } from './QDialogContainer';
-import { QDialogAction } from './constants';
 import type {
   DialogPromise,
   ComponentInternalInstanceWithProvides,
diff --git a/src/qComponents/QDialog/src/types.ts b/src/qComponents/QDialog/src/types.ts
index 576b7daf..7dee79d5 100644
--- a/src/qComponents/QDialog/src/types.ts
+++ b/src/qComponents/QDialog/src/types.ts
@@ -2,8 +2,8 @@ import type { App, Component, ComponentInternalInstance } from 'vue';
 
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
-import type { QDialogContainerInstance } from './QDialogContainer';
 import type { QDialogAction } from './constants';
+import type { QDialogContainerInstance } from './QDialogContainer';
 
 export interface ComponentInternalInstanceWithProvides
   extends ComponentInternalInstance {
diff --git a/src/qComponents/QDrawer/src/QDrawerContainer/index.vue b/src/qComponents/QDrawer/src/QDrawerContainer/index.vue
index c6872b16..043f778f 100644
--- a/src/qComponents/QDrawer/src/QDrawerContainer/index.vue
+++ b/src/qComponents/QDrawer/src/QDrawerContainer/index.vue
@@ -58,7 +58,6 @@ import type { Nullable } from '#/helpers';
 import { QDrawerAction } from '../constants';
 import type { QDrawerComponent, QDrawerEvent } from '../types';
 
-import { isExternalComponent } from './utils';
 import type {
   QDrawerContainerPropContent,
   QDrawerContainerPropPosition,
@@ -68,6 +67,7 @@ import type {
   QDrawerContainerInstance,
   QDrawerContainerProvider
 } from './types';
+import { isExternalComponent } from './utils';
 
 export default defineComponent({
   name: 'QDrawerContainer',
diff --git a/src/qComponents/QDrawer/src/QDrawerContainer/types.ts b/src/qComponents/QDrawer/src/QDrawerContainer/types.ts
index f5c2d561..a64acaf1 100644
--- a/src/qComponents/QDrawer/src/QDrawerContainer/types.ts
+++ b/src/qComponents/QDrawer/src/QDrawerContainer/types.ts
@@ -2,8 +2,8 @@ import type { Ref, ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
-import type { QDrawerComponent, QDrawerContent, QDrawerEvent } from '../types';
 import type { QDrawerAction } from '../constants';
+import type { QDrawerComponent, QDrawerContent, QDrawerEvent } from '../types';
 
 export type QDrawerContainerPropContent = QDrawerContent;
 export type QDrawerContainerPropPosition = 'left' | 'right';
diff --git a/src/qComponents/QDrawer/src/QDrawerContainer/utils.ts b/src/qComponents/QDrawer/src/QDrawerContainer/utils.ts
index 4308ad38..9adbb490 100644
--- a/src/qComponents/QDrawer/src/QDrawerContainer/utils.ts
+++ b/src/qComponents/QDrawer/src/QDrawerContainer/utils.ts
@@ -1,6 +1,7 @@
 import { has } from 'lodash-es';
 
 import type { QDrawerComponent } from '../types';
+
 import type { QDrawerContainerPropContent } from './types';
 
 export const isExternalComponent = (
diff --git a/src/qComponents/QDrawer/src/QDrawerContent/index.vue b/src/qComponents/QDrawer/src/QDrawerContent/index.vue
index fc6ca275..e1b65439 100644
--- a/src/qComponents/QDrawer/src/QDrawerContent/index.vue
+++ b/src/qComponents/QDrawer/src/QDrawerContent/index.vue
@@ -30,6 +30,7 @@ import { QScrollbar } from '@/qComponents/QScrollbar';
 import type { Nullable } from '#/helpers';
 
 import type { QDrawerContainerProvider } from '../QDrawerContainer';
+
 import type { QDrawerContentInstance, QDrawerContentProps } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QDrawer/src/index.ts b/src/qComponents/QDrawer/src/index.ts
index f3c05150..06191014 100644
--- a/src/qComponents/QDrawer/src/index.ts
+++ b/src/qComponents/QDrawer/src/index.ts
@@ -2,11 +2,12 @@ import { createApp, ref, nextTick } from 'vue';
 import type { App, Ref } from 'vue';
 
 import { isServer } from '@/qComponents/constants/isServer';
+
 import type { Nullable, Nillable, UnwrappedInstance } from '#/helpers';
 
+import { QDrawerAction } from './constants';
 import { QDrawerContainer } from './QDrawerContainer';
 import type { QDrawerContainerInstance } from './QDrawerContainer';
-import { QDrawerAction } from './constants';
 import type {
   DrawerPromise,
   ComponentInternalInstanceWithProvides,
diff --git a/src/qComponents/QDrawer/src/types.ts b/src/qComponents/QDrawer/src/types.ts
index 5f60e016..19487112 100644
--- a/src/qComponents/QDrawer/src/types.ts
+++ b/src/qComponents/QDrawer/src/types.ts
@@ -2,8 +2,8 @@ import type { App, Component, ComponentInternalInstance } from 'vue';
 
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
-import type { QDrawerContainerInstance } from './QDrawerContainer';
 import type { QDrawerAction } from './constants';
+import type { QDrawerContainerInstance } from './QDrawerContainer';
 
 export interface ComponentInternalInstanceWithProvides
   extends ComponentInternalInstance {
diff --git a/src/qComponents/QForm/src/QForm.vue b/src/qComponents/QForm/src/QForm.vue
index 1e94176e..b2f4521c 100644
--- a/src/qComponents/QForm/src/QForm.vue
+++ b/src/qComponents/QForm/src/QForm.vue
@@ -5,6 +5,8 @@
 </template>
 
 <script lang="ts">
+import type { ValidateFieldsError } from 'async-validator';
+import { concat } from 'lodash-es';
 import {
   defineComponent,
   PropType,
@@ -14,10 +16,9 @@ import {
   watch,
   toRef
 } from 'vue';
-import type { ValidateFieldsError } from 'async-validator';
-import { concat } from 'lodash-es';
 
 import type { QFormItemContext } from '@/qComponents/QFormItem';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QForm/src/types.ts b/src/qComponents/QForm/src/types.ts
index c4e7414e..a207c381 100644
--- a/src/qComponents/QForm/src/types.ts
+++ b/src/qComponents/QForm/src/types.ts
@@ -1,10 +1,11 @@
-import type { Ref } from 'vue';
 import type { ValidateFieldsError } from 'async-validator';
+import type { Ref } from 'vue';
 
 import type {
   QFormItemContext,
   QFormItemPropRules
 } from '@/qComponents/QFormItem';
+
 import type { Nullable } from '#/helpers';
 
 export type QFormPropModel = Nullable<Record<string, unknown>>;
diff --git a/src/qComponents/QFormItem/src/QFormItem.vue b/src/qComponents/QFormItem/src/QFormItem.vue
index 5ff80f2c..323c9d00 100644
--- a/src/qComponents/QFormItem/src/QFormItem.vue
+++ b/src/qComponents/QFormItem/src/QFormItem.vue
@@ -43,6 +43,11 @@
 </template>
 
 <script lang="ts">
+import AsyncValidator, {
+  ValidateError,
+  ValidateFieldsError
+} from 'async-validator';
+import { get, set } from 'lodash-es';
 import {
   provide,
   ref,
@@ -54,14 +59,10 @@ import {
   watch
 } from 'vue';
 import type { PropType } from 'vue';
-import AsyncValidator, {
-  ValidateError,
-  ValidateFieldsError
-} from 'async-validator';
-import { get, set } from 'lodash-es';
 
 import { validateArray } from '@/qComponents/helpers';
 import type { QFormProvider } from '@/qComponents/QForm';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QFormItem/src/types.ts b/src/qComponents/QFormItem/src/types.ts
index f22e097c..77afed77 100644
--- a/src/qComponents/QFormItem/src/types.ts
+++ b/src/qComponents/QFormItem/src/types.ts
@@ -1,9 +1,9 @@
-import type { Ref, ComputedRef } from 'vue';
 import type {
   RuleItem,
   ValidateError,
   ValidateFieldsError
 } from 'async-validator';
+import type { Ref, ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
diff --git a/src/qComponents/QInput/src/QInput.vue b/src/qComponents/QInput/src/QInput.vue
index 22051efc..9e2c33ba 100644
--- a/src/qComponents/QInput/src/QInput.vue
+++ b/src/qComponents/QInput/src/QInput.vue
@@ -70,6 +70,7 @@ import type { PropType } from 'vue';
 import { t } from '@/qComponents/locale';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QInputNumber/src/QInputNumber.vue b/src/qComponents/QInputNumber/src/QInputNumber.vue
index dadcdf6b..153f7cde 100644
--- a/src/qComponents/QInputNumber/src/QInputNumber.vue
+++ b/src/qComponents/QInputNumber/src/QInputNumber.vue
@@ -30,12 +30,13 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, inject, nextTick, ref, watch } from 'vue';
 import { isNil } from 'lodash-es';
+import { computed, defineComponent, inject, nextTick, ref, watch } from 'vue';
 
 import { getConfig } from '@/qComponents/config';
-import type { QFormItemProvider } from '@/qComponents/QFormItem';
 import type { QFormProvider } from '@/qComponents/QForm';
+import type { QFormItemProvider } from '@/qComponents/QFormItem';
+
 import type { Nullable } from '#/helpers';
 
 import type { QInputNumberInstance, QInputNumberProps } from './types';
diff --git a/src/qComponents/QMessageBox/src/QMessageBoxContainer/index.vue b/src/qComponents/QMessageBox/src/QMessageBoxContainer/index.vue
index 00013e1d..4a3b57ff 100644
--- a/src/qComponents/QMessageBox/src/QMessageBoxContainer/index.vue
+++ b/src/qComponents/QMessageBox/src/QMessageBoxContainer/index.vue
@@ -59,17 +59,16 @@ import {
 } from 'vue';
 import type { PropType } from 'vue';
 
-import { QScrollbar } from '@/qComponents/QScrollbar';
-import { isServer } from '@/qComponents/constants/isServer';
 import { getConfig } from '@/qComponents/config';
+import { isServer } from '@/qComponents/constants/isServer';
+import { QScrollbar } from '@/qComponents/QScrollbar';
 
 import type { Nullable } from '#/helpers';
 
-import { QMessageBoxContent } from '../QMessageBoxContent';
 import { QMessageBoxAction } from '../constants';
+import { QMessageBoxContent } from '../QMessageBoxContent';
 import type { QMessageBoxEvent } from '../types';
 
-import { isExternalComponent, isInternalComponent } from './utils';
 import type {
   QMessageBoxComponent,
   QMessageBoxContainerPropContent,
@@ -81,6 +80,7 @@ import type {
   QMessageBoxContainerProvider,
   QMessageBoxContainerInstance
 } from './types';
+import { isExternalComponent, isInternalComponent } from './utils';
 
 export default defineComponent({
   name: 'QMessageBoxContainer',
diff --git a/src/qComponents/QMessageBox/src/QMessageBoxContainer/types.ts b/src/qComponents/QMessageBox/src/QMessageBoxContainer/types.ts
index b86603c7..19d58e1a 100644
--- a/src/qComponents/QMessageBox/src/QMessageBoxContainer/types.ts
+++ b/src/qComponents/QMessageBox/src/QMessageBoxContainer/types.ts
@@ -2,12 +2,12 @@ import type { Component, Ref, ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
+import type { QMessageBoxAction } from '../constants';
 import type {
   QMessageBoxEvent,
   QMessageBoxOptionWrapClass,
   QMessageBoxOptionWrapStyle
 } from '../types';
-import type { QMessageBoxAction } from '../constants';
 
 export interface QMessageBoxParams {
   title: string;
diff --git a/src/qComponents/QMessageBox/src/QMessageBoxContent/index.vue b/src/qComponents/QMessageBox/src/QMessageBoxContent/index.vue
index 20f3d599..7db0ac59 100644
--- a/src/qComponents/QMessageBox/src/QMessageBoxContent/index.vue
+++ b/src/qComponents/QMessageBox/src/QMessageBoxContent/index.vue
@@ -59,8 +59,9 @@ import type { PropType } from 'vue';
 import { QButton } from '@/qComponents/QButton';
 
 import { Nullable } from '#/helpers';
-import type { QMessageBoxContainerProvider } from '../QMessageBoxContainer';
+
 import { QMessageBoxAction } from '../constants';
+import type { QMessageBoxContainerProvider } from '../QMessageBoxContainer';
 
 import type {
   QMessageBoxContentPropBeforeClose,
diff --git a/src/qComponents/QMessageBox/src/index.ts b/src/qComponents/QMessageBox/src/index.ts
index 7b39c34e..7d5514e4 100644
--- a/src/qComponents/QMessageBox/src/index.ts
+++ b/src/qComponents/QMessageBox/src/index.ts
@@ -2,11 +2,12 @@ import { createApp, ref, nextTick } from 'vue';
 import type { App, Ref } from 'vue';
 
 import { isServer } from '@/qComponents/constants/isServer';
+
 import type { Nullable, Nillable, UnwrappedInstance } from '#/helpers';
 
+import { QMessageBoxAction } from './constants';
 import { QMessageBoxContainer } from './QMessageBoxContainer';
 import type { QMessageBoxContainerInstance } from './QMessageBoxContainer';
-import { QMessageBoxAction } from './constants';
 import type {
   ComponentInternalInstanceWithProvides,
   MessageBoxPromise,
diff --git a/src/qComponents/QMessageBox/src/types.ts b/src/qComponents/QMessageBox/src/types.ts
index 2cddfe20..5e330b00 100644
--- a/src/qComponents/QMessageBox/src/types.ts
+++ b/src/qComponents/QMessageBox/src/types.ts
@@ -2,11 +2,11 @@ import type { App, ComponentInternalInstance } from 'vue';
 
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
+import type { QMessageBoxAction } from './constants';
 import type {
   QMessageBoxContainerPropContent,
   QMessageBoxContainerInstance
 } from './QMessageBoxContainer';
-import type { QMessageBoxAction } from './constants';
 
 export interface ComponentInternalInstanceWithProvides
   extends ComponentInternalInstance {
diff --git a/src/qComponents/QNotification/src/QNotificationContainer/QNotificationContainer.vue b/src/qComponents/QNotification/src/QNotificationContainer/QNotificationContainer.vue
index 58d588a7..24272fef 100644
--- a/src/qComponents/QNotification/src/QNotificationContainer/QNotificationContainer.vue
+++ b/src/qComponents/QNotification/src/QNotificationContainer/QNotificationContainer.vue
@@ -21,8 +21,9 @@ import { defineComponent, getCurrentInstance, onMounted, computed } from 'vue';
 import type { PropType, Ref } from 'vue';
 
 import { REMOVE_EVENT } from '@/qComponents/constants/events';
-import QNotificationToast from '../QNotificationToast';
+
 import { DEFAULT_DURATION } from '../constants';
+import QNotificationToast from '../QNotificationToast';
 import type { QNotifyItem, QNotifyId } from '../types';
 
 import type {
diff --git a/src/qComponents/QNotification/src/QNotificationToast/QNotificationToast.vue b/src/qComponents/QNotification/src/QNotificationToast/QNotificationToast.vue
index 6839ace4..f3df7788 100644
--- a/src/qComponents/QNotification/src/QNotificationToast/QNotificationToast.vue
+++ b/src/qComponents/QNotification/src/QNotificationToast/QNotificationToast.vue
@@ -32,9 +32,11 @@ import {
 } from 'vue';
 
 import { validateArray } from '@/qComponents/helpers';
+
 import type { Nullable } from '#/helpers';
 
 import { DEFAULT_DURATION, NotifyType } from '../constants';
+
 import type {
   QNotificationToastProps,
   QNotificationToastPropContent,
diff --git a/src/qComponents/QNotification/src/QNotificationToast/types.ts b/src/qComponents/QNotification/src/QNotificationToast/types.ts
index 255c4e9b..e9a07a83 100644
--- a/src/qComponents/QNotification/src/QNotificationToast/types.ts
+++ b/src/qComponents/QNotification/src/QNotificationToast/types.ts
@@ -2,8 +2,8 @@ import type { ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
-import type { QNotifyContent } from '../types';
 import type { NotifyType } from '../constants';
+import type { QNotifyContent } from '../types';
 
 export type QNotificationToastPropType = NotifyType;
 export type QNotificationToastPropOnClose = Nullable<(id: string) => void>;
diff --git a/src/qComponents/QNotification/src/index.ts b/src/qComponents/QNotification/src/index.ts
index 26ab052e..b92de048 100644
--- a/src/qComponents/QNotification/src/index.ts
+++ b/src/qComponents/QNotification/src/index.ts
@@ -3,8 +3,8 @@ import { createApp, ref, nextTick } from 'vue';
 import { isServer } from '@/qComponents/constants/isServer';
 import { randId } from '@/qComponents/helpers';
 
-import QNotificationContainer from './QNotificationContainer';
 import { NotifyType } from './constants';
+import QNotificationContainer from './QNotificationContainer';
 import type {
   QNotify,
   QNotifyItem,
diff --git a/src/qComponents/QOption/src/QOption.vue b/src/qComponents/QOption/src/QOption.vue
index eb1f40cc..ceed71ab 100644
--- a/src/qComponents/QOption/src/QOption.vue
+++ b/src/qComponents/QOption/src/QOption.vue
@@ -47,6 +47,7 @@ import {
 
 import { QCheckbox } from '@/qComponents/QCheckbox';
 import type { QSelectProvider } from '@/qComponents/QSelect';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QPagination/src/QPagination.vue b/src/qComponents/QPagination/src/QPagination.vue
index 51a70e2e..78896760 100644
--- a/src/qComponents/QPagination/src/QPagination.vue
+++ b/src/qComponents/QPagination/src/QPagination.vue
@@ -83,8 +83,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue';
 import { range } from 'lodash-es';
+import { defineComponent, computed } from 'vue';
 
 import type { QPaginationProps, QPaginationInstance } from './types';
 
diff --git a/src/qComponents/QPopover/src/QPopover.vue b/src/qComponents/QPopover/src/QPopover.vue
index 69f52219..3e264826 100644
--- a/src/qComponents/QPopover/src/QPopover.vue
+++ b/src/qComponents/QPopover/src/QPopover.vue
@@ -50,6 +50,8 @@
 </template>
 
 <script lang="ts">
+import { createPopper as createPopperJs, Instance } from '@popperjs/core';
+import { placements } from '@popperjs/core/lib/enums';
 import {
   defineComponent,
   PropType,
@@ -59,12 +61,11 @@ import {
   onMounted,
   onUnmounted
 } from 'vue';
-import { createPopper as createPopperJs, Instance } from '@popperjs/core';
-import { placements } from '@popperjs/core/lib/enums';
 
+import { getConfig } from '@/qComponents/config';
 import { isServer } from '@/qComponents/constants/isServer';
 import { validateArray } from '@/qComponents/helpers';
-import { getConfig } from '@/qComponents/config';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QPopover/src/types.ts b/src/qComponents/QPopover/src/types.ts
index 4dc3e7a0..6e9bdfbc 100644
--- a/src/qComponents/QPopover/src/types.ts
+++ b/src/qComponents/QPopover/src/types.ts
@@ -1,5 +1,5 @@
-import type { Ref, ComputedRef } from 'vue';
 import type { Placement, Options } from '@popperjs/core';
+import type { Ref, ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
diff --git a/src/qComponents/QProgressIndicatior/index.ts b/src/qComponents/QProgressIndicatior/index.ts
index a8238680..e91a8220 100644
--- a/src/qComponents/QProgressIndicatior/index.ts
+++ b/src/qComponents/QProgressIndicatior/index.ts
@@ -1,13 +1,14 @@
 import { getCurrentInstance, inject } from 'vue';
 import type { App, Plugin } from 'vue';
 
+import type { Nullable, Nillable } from '#/helpers';
+
 import { createProgressIndicatior } from './src';
 import { PROGRESS_INDICATIOR_INJECTION_KEY } from './src/constants';
 import type {
   QProgressIndicatior,
   QProgressIndicatiorPluginOptions
 } from './src/types';
-import type { Nullable, Nillable } from '#/helpers';
 
 let progressIndicatior: Nullable<QProgressIndicatior> = null;
 
diff --git a/src/qComponents/QProgressIndicatior/src/index.ts b/src/qComponents/QProgressIndicatior/src/index.ts
index 3e3ef998..31b3d48b 100644
--- a/src/qComponents/QProgressIndicatior/src/index.ts
+++ b/src/qComponents/QProgressIndicatior/src/index.ts
@@ -2,13 +2,13 @@ import { createApp, ref, nextTick } from 'vue';
 
 import { isServer } from '@/qComponents/constants/isServer';
 
-import QProgressIndicatiorContainer from './QProgressIndicatiorContainer';
 import { HIDE_ANIMATION_IN_MS, TRANSFORM_ANIMATION_IN_MS } from './constants';
-import { createQueue } from './utils';
+import QProgressIndicatiorContainer from './QProgressIndicatiorContainer';
 import type {
   QProgressIndicatior,
   QProgressIndicatiorPluginOptions
 } from './types';
+import { createQueue } from './utils';
 
 const isShown = ref<boolean>(false);
 const isStarted = ref<boolean>(false);
diff --git a/src/qComponents/QRadio/src/QRadio.vue b/src/qComponents/QRadio/src/QRadio.vue
index 3eb72b1f..005eb564 100644
--- a/src/qComponents/QRadio/src/QRadio.vue
+++ b/src/qComponents/QRadio/src/QRadio.vue
@@ -36,6 +36,7 @@ import { defineComponent, inject, computed } from 'vue';
 
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QRadioGroupProvider } from '@/qComponents/QRadioGroup';
+
 import type { Nullable } from '#/helpers';
 
 import type { QRadioProps, QRadioInstance } from './types';
diff --git a/src/qComponents/QRadioGroup/src/QRadioGroup.vue b/src/qComponents/QRadioGroup/src/QRadioGroup.vue
index 04ce5e15..71b98ffe 100644
--- a/src/qComponents/QRadioGroup/src/QRadioGroup.vue
+++ b/src/qComponents/QRadioGroup/src/QRadioGroup.vue
@@ -26,6 +26,7 @@ import {
 import { validateArray } from '@/qComponents/helpers';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
 import type { QRadioGroupProvider } from '@/qComponents/QRadioGroup';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QRow/src/QRow.vue b/src/qComponents/QRow/src/QRow.vue
index 01723043..362ee38c 100644
--- a/src/qComponents/QRow/src/QRow.vue
+++ b/src/qComponents/QRow/src/QRow.vue
@@ -12,6 +12,7 @@
 import { defineComponent, PropType, computed } from 'vue';
 
 import { validateArray } from '@/qComponents/helpers';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QScrollbar/src/QBar.vue b/src/qComponents/QScrollbar/src/QBar.vue
index 9a62052d..6b16f90f 100644
--- a/src/qComponents/QScrollbar/src/QBar.vue
+++ b/src/qComponents/QScrollbar/src/QBar.vue
@@ -25,6 +25,7 @@ import {
 } from 'vue';
 
 import { validateArray } from '@/qComponents/helpers';
+
 import type { Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QScrollbar/src/QScrollbar.vue b/src/qComponents/QScrollbar/src/QScrollbar.vue
index 45023376..9156a699 100644
--- a/src/qComponents/QScrollbar/src/QScrollbar.vue
+++ b/src/qComponents/QScrollbar/src/QScrollbar.vue
@@ -50,9 +50,10 @@ import {
   provide
 } from 'vue';
 
-import { validateArray } from '@/qComponents/helpers';
 import { isServer } from '@/qComponents/constants/isServer';
+import { validateArray } from '@/qComponents/helpers';
 import { useResizeListener } from '@/qComponents/hooks';
+
 import type { Nullable, Optional, UnwrappedInstance } from '#/helpers';
 
 import QBar from './QBar.vue';
diff --git a/src/qComponents/QSelect/src/QSelect.vue b/src/qComponents/QSelect/src/QSelect.vue
index 607fb596..d19b755d 100644
--- a/src/qComponents/QSelect/src/QSelect.vue
+++ b/src/qComponents/QSelect/src/QSelect.vue
@@ -87,6 +87,17 @@
 </template>
 
 <script lang="ts">
+import { createPopper } from '@popperjs/core';
+import {
+  isObject,
+  isPlainObject,
+  isNil,
+  isEqual,
+  get,
+  isString,
+  isEmpty,
+  isNumber
+} from 'lodash-es';
 import {
   defineComponent,
   ref,
@@ -101,28 +112,20 @@ import {
   toRefs,
   toRef
 } from 'vue';
-import {
-  isObject,
-  isPlainObject,
-  isNil,
-  isEqual,
-  get,
-  isString,
-  isEmpty,
-  isNumber
-} from 'lodash-es';
-import { createPopper } from '@popperjs/core';
 import type { PropType } from 'vue';
 
-import { t } from '@/qComponents/locale';
 import { isServer } from '@/qComponents/constants/isServer';
 import { useResizeListener } from '@/qComponents/hooks';
-import type { QInputInstance } from '@/qComponents/QInput';
+import { t } from '@/qComponents/locale';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+import type { QInputInstance } from '@/qComponents/QInput';
 import type { QOptionModel, QOptionPropValue } from '@/qComponents/QOption';
+
 import type { Nullable, Optional, UnwrappedInstance } from '#/helpers';
 
+import QSelectDropdown from './QSelectDropdown.vue';
+import QSelectTags from './QSelectTags.vue';
 import type {
   QSelectPropModelValue,
   NewOption,
@@ -133,8 +136,6 @@ import type {
   QSelectTagsInstance,
   QSelectDropdownInstance
 } from './types';
-import QSelectDropdown from './QSelectDropdown.vue';
-import QSelectTags from './QSelectTags.vue';
 
 export default defineComponent({
   name: 'QSelect',
diff --git a/src/qComponents/QSelect/src/QSelectDropdown.vue b/src/qComponents/QSelect/src/QSelectDropdown.vue
index d62d8ecb..4cda69b6 100644
--- a/src/qComponents/QSelect/src/QSelectDropdown.vue
+++ b/src/qComponents/QSelect/src/QSelectDropdown.vue
@@ -66,13 +66,14 @@
 import { get, isPlainObject } from 'lodash-es';
 import { computed, defineComponent, inject, ref, watch } from 'vue';
 
+import { getConfig } from '@/qComponents/config';
+import { QCheckbox } from '@/qComponents/QCheckbox';
+import { QOption } from '@/qComponents/QOption';
+import type { QOptionPropValue } from '@/qComponents/QOption';
 import { QScrollbar } from '@/qComponents/QScrollbar';
 import type { QScrollbarInstance } from '@/qComponents/QScrollbar';
-import { QOption } from '@/qComponents/QOption';
-import { QCheckbox } from '@/qComponents/QCheckbox';
-import { getConfig } from '@/qComponents/config';
 import type { QSelectProvider } from '@/qComponents/QSelect';
-import type { QOptionPropValue } from '@/qComponents/QOption';
+
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
 import type { QSelectDropdownInstance, QSelectDropdownProps } from './types';
diff --git a/src/qComponents/QSelect/src/QSelectTags.vue b/src/qComponents/QSelect/src/QSelectTags.vue
index 977c1ecf..e85996e1 100644
--- a/src/qComponents/QSelect/src/QSelectTags.vue
+++ b/src/qComponents/QSelect/src/QSelectTags.vue
@@ -54,6 +54,7 @@ import { defineComponent, inject, ref, toRefs } from 'vue';
 
 import type { QOptionModel } from '@/qComponents/QOption';
 import type { QSelectProvider } from '@/qComponents/QSelect';
+
 import type { Nullable } from '#/helpers';
 
 import type { NewOption, QSelectTagsInstance } from './types';
diff --git a/src/qComponents/QSelect/src/types.ts b/src/qComponents/QSelect/src/types.ts
index 985637d7..c3db8ad0 100644
--- a/src/qComponents/QSelect/src/types.ts
+++ b/src/qComponents/QSelect/src/types.ts
@@ -1,9 +1,10 @@
-import type { Ref, ComputedRef } from 'vue';
 import type { Instance as PopperInstance } from '@popperjs/core';
+import type { Ref, ComputedRef } from 'vue';
 
+import type { QInputInstance } from '@/qComponents/QInput';
 import type { QOptionModel, QOptionPropValue } from '@/qComponents/QOption';
 import type { QScrollbarInstance } from '@/qComponents/QScrollbar';
-import type { QInputInstance } from '@/qComponents/QInput';
+
 import type { Nullable, Optional, UnwrappedInstance } from '#/helpers';
 
 type QSelectPropModelValue = Nullable<
diff --git a/src/qComponents/QSlider/src/QSlider.vue b/src/qComponents/QSlider/src/QSlider.vue
index 2f2a9f04..4a97c61f 100644
--- a/src/qComponents/QSlider/src/QSlider.vue
+++ b/src/qComponents/QSlider/src/QSlider.vue
@@ -50,14 +50,14 @@ import {
 } from 'vue';
 import type { PropType } from 'vue';
 
-import type { Nullable } from '#/helpers';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
 
-import QSliderButton from './components/QSliderButton/QSliderButton.vue';
+import type { Nullable } from '#/helpers';
+
 import QSliderBar from './components/QSliderBar/QSliderBar.vue';
+import QSliderButton from './components/QSliderButton/QSliderButton.vue';
 import QSliderCaptions from './components/QSliderCaptions/QSliderCaptions.vue';
-
 import type {
   QSliderPropModelValue,
   QSliderPropData,
diff --git a/src/qComponents/QSlider/src/components/QSliderBar/types.ts b/src/qComponents/QSlider/src/components/QSliderBar/types.ts
index cbdd490b..dc0abafd 100644
--- a/src/qComponents/QSlider/src/components/QSliderBar/types.ts
+++ b/src/qComponents/QSlider/src/components/QSliderBar/types.ts
@@ -1,4 +1,5 @@
 import type { ComputedRef, CSSProperties } from 'vue';
+
 import type { Nullable } from '#/helpers';
 
 type CssPropertyWidth = CSSProperties['width'];
diff --git a/src/qComponents/QSwitch/src/QSwitch.vue b/src/qComponents/QSwitch/src/QSwitch.vue
index cb4228db..9f5f221c 100644
--- a/src/qComponents/QSwitch/src/QSwitch.vue
+++ b/src/qComponents/QSwitch/src/QSwitch.vue
@@ -29,6 +29,7 @@
 import { defineComponent, computed, inject, watch } from 'vue';
 
 import type { QFormItemProvider, QFormProvider } from '@/qComponents';
+
 import type { ClassValue, Nullable } from '#/helpers';
 
 import type {
diff --git a/src/qComponents/QSwitch/src/types.ts b/src/qComponents/QSwitch/src/types.ts
index 2f19e41c..1bb35162 100644
--- a/src/qComponents/QSwitch/src/types.ts
+++ b/src/qComponents/QSwitch/src/types.ts
@@ -1,4 +1,5 @@
 import type { ComputedRef } from 'vue';
+
 import type { Nullable, ClassValue } from '#/helpers';
 
 export type QSwitchPropModelValue = Nullable<boolean | string | number>;
diff --git a/src/qComponents/QTabPane/src/QTabPane.vue b/src/qComponents/QTabPane/src/QTabPane.vue
index 0f5e79dc..5866e5bd 100644
--- a/src/qComponents/QTabPane/src/QTabPane.vue
+++ b/src/qComponents/QTabPane/src/QTabPane.vue
@@ -23,6 +23,7 @@
 import { defineComponent, inject, computed } from 'vue';
 
 import type { QTabsProvider } from '@/qComponents/QTabs';
+
 import type { Optional } from '#/helpers';
 
 import type { QTabPaneProps, QTabPaneInstance } from './types';
diff --git a/src/qComponents/QTable/src/QTable.vue b/src/qComponents/QTable/src/QTable.vue
index e63696c1..48717c4b 100644
--- a/src/qComponents/QTable/src/QTable.vue
+++ b/src/qComponents/QTable/src/QTable.vue
@@ -15,12 +15,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, computed, provide, toRef } from 'vue';
 import { isEmpty, isFunction } from 'lodash-es';
+import { defineComponent, PropType, computed, provide, toRef } from 'vue';
 
 import QTableContainer from './QTableContainer/QTableContainer.vue';
 import QTableEmpty from './QTableEmpty/QTableEmpty.vue';
-
 import type {
   Row,
   QTableProps,
diff --git a/src/qComponents/QTable/src/QTableCellCheckbox/QTableCellCheckbox.vue b/src/qComponents/QTable/src/QTableCellCheckbox/QTableCellCheckbox.vue
index 17ace705..d247561e 100644
--- a/src/qComponents/QTable/src/QTableCellCheckbox/QTableCellCheckbox.vue
+++ b/src/qComponents/QTable/src/QTableCellCheckbox/QTableCellCheckbox.vue
@@ -9,12 +9,13 @@ import {
 } from 'vue';
 
 import { CHANGE_EVENT } from '@/qComponents/constants/events';
+
 import type { Nullable } from '#/helpers';
 
 import { useSticky } from '../hooks/sticky';
 import type { StickyConfig } from '../hooks/sticky';
-import type { QTableProvider } from '../types';
 import type { QTableTProvider } from '../QTableT/types';
+import type { QTableProvider } from '../types';
 
 import type {
   QTableCellCheckboxProps,
diff --git a/src/qComponents/QTable/src/QTableEmpty/QTableEmpty.vue b/src/qComponents/QTable/src/QTableEmpty/QTableEmpty.vue
index 2dc1fb65..02a9cac5 100644
--- a/src/qComponents/QTable/src/QTableEmpty/QTableEmpty.vue
+++ b/src/qComponents/QTable/src/QTableEmpty/QTableEmpty.vue
@@ -19,8 +19,9 @@
 <script lang="ts">
 import { defineComponent, computed } from 'vue';
 
-import { t } from '@/qComponents/locale';
 import image from '@/assets/empty-table-v2.svg';
+import { t } from '@/qComponents/locale';
+
 import type { QTableEmptyProps, QTableEmptyInstance } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QTable/src/QTableT/QTableT.vue b/src/qComponents/QTable/src/QTableT/QTableT.vue
index d85d25c8..529c4b11 100644
--- a/src/qComponents/QTable/src/QTableT/QTableT.vue
+++ b/src/qComponents/QTable/src/QTableT/QTableT.vue
@@ -24,22 +24,23 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, inject, ref, computed, provide, watch } from 'vue';
 import { isEmpty } from 'lodash-es';
+import { defineComponent, inject, ref, computed, provide, watch } from 'vue';
 
 import { useResizeListener } from '@/qComponents/hooks';
+
 import type { Nullable, UnwrappedInstance } from '#/helpers';
 
 import QTableTBody from '../QTableTBody/QTableTBody.vue';
 import QTableTColgroup from '../QTableTColgroup/QTableTColgroup.vue';
 import QTableTHead from '../QTableTHead/QTableTHead.vue';
 import QTableTSticky from '../QTableTSticky/QTableTSticky.vue';
-import QTableTTotal from '../QTableTTotal/QTableTTotal.vue';
-import type { QTableProvider } from '../types';
 import type {
   StickyGlobalConfig,
   QTableTStickyInstance
 } from '../QTableTSticky/types';
+import QTableTTotal from '../QTableTTotal/QTableTTotal.vue';
+import type { QTableProvider } from '../types';
 
 import type { QTableTProvider, QTableTInstance } from './types';
 
diff --git a/src/qComponents/QTable/src/QTableTBody/QTableTBody.vue b/src/qComponents/QTable/src/QTableTBody/QTableTBody.vue
index 6596d842..eac9dbfb 100644
--- a/src/qComponents/QTable/src/QTableTBody/QTableTBody.vue
+++ b/src/qComponents/QTable/src/QTableTBody/QTableTBody.vue
@@ -10,8 +10,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, inject } from 'vue';
 import getHash from 'object-hash';
+import { defineComponent, computed, inject } from 'vue';
 
 import { randId } from '@/qComponents/helpers';
 
diff --git a/src/qComponents/QTable/src/QTableTBody/QTableTBodyCell/QTableTBodyCell.vue b/src/qComponents/QTable/src/QTableTBody/QTableTBodyCell/QTableTBodyCell.vue
index bbe9c55a..7925cda0 100644
--- a/src/qComponents/QTable/src/QTableTBody/QTableTBodyCell/QTableTBodyCell.vue
+++ b/src/qComponents/QTable/src/QTableTBody/QTableTBodyCell/QTableTBodyCell.vue
@@ -5,9 +5,9 @@ import type { Nullable } from '#/helpers';
 
 import { useSticky } from '../../hooks/sticky';
 import type { StickyConfig } from '../../hooks/sticky';
-import type { QTableProvider } from '../../types';
-import type { QTableTProvider } from '../../QTableT/types';
 import type { ExtendedColumn } from '../../QTableContainer/types';
+import type { QTableTProvider } from '../../QTableT/types';
+import type { QTableProvider } from '../../types';
 
 import type {
   QTableTBodyCellProps,
diff --git a/src/qComponents/QTable/src/QTableTBody/QTableTBodyRow/QTableTBodyRow.vue b/src/qComponents/QTable/src/QTableTBody/QTableTBodyRow/QTableTBodyRow.vue
index d79fd68d..e8b7164f 100644
--- a/src/qComponents/QTable/src/QTableTBody/QTableTBodyRow/QTableTBodyRow.vue
+++ b/src/qComponents/QTable/src/QTableTBody/QTableTBodyRow/QTableTBodyRow.vue
@@ -25,19 +25,21 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, computed, inject } from 'vue';
 import { get } from 'lodash-es';
+import { defineComponent, PropType, computed, inject } from 'vue';
 
 import { randId } from '@/qComponents/helpers';
+
 import type { Nullable } from '#/helpers';
 
-import QTableTBodyCell from '../QTableTBodyCell/QTableTBodyCell.vue';
 import QTableCellCheckbox from '../../QTableCellCheckbox/QTableCellCheckbox.vue';
-import type { QTableProvider } from '../../types';
 import type {
   ExtendedColumn,
   QTableContainerProvider
 } from '../../QTableContainer/types';
+import type { QTableProvider } from '../../types';
+import QTableTBodyCell from '../QTableTBodyCell/QTableTBodyCell.vue';
+
 import type {
   QTableTBodyRowProps,
   QTableTBodyRowPropRow,
diff --git a/src/qComponents/QTable/src/QTableTColgroup/QTableTColgroup.vue b/src/qComponents/QTable/src/QTableTColgroup/QTableTColgroup.vue
index 3441a375..de6d3a9a 100644
--- a/src/qComponents/QTable/src/QTableTColgroup/QTableTColgroup.vue
+++ b/src/qComponents/QTable/src/QTableTColgroup/QTableTColgroup.vue
@@ -16,11 +16,11 @@
 import { defineComponent, computed, inject } from 'vue';
 
 import { CHECKBOX_COL_WIDTH } from '../config';
-import type { QTableProvider } from '../types';
 import type {
   ExtendedColumn,
   QTableContainerProvider
 } from '../QTableContainer/types';
+import type { QTableProvider } from '../types';
 
 import type { QTableTColgroupInstance } from './types';
 
diff --git a/src/qComponents/QTable/src/QTableTHead/QTableTHead.vue b/src/qComponents/QTable/src/QTableTHead/QTableTHead.vue
index a7b108a6..c349ce87 100644
--- a/src/qComponents/QTable/src/QTableTHead/QTableTHead.vue
+++ b/src/qComponents/QTable/src/QTableTHead/QTableTHead.vue
@@ -24,18 +24,19 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, inject } from 'vue';
 import { isEmpty, cloneDeep } from 'lodash-es';
+import { defineComponent, ref, computed, inject } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
 import { TOTAL_CHECKED_INDEX } from '../config';
 import QTableCellCheckbox from '../QTableCellCheckbox/QTableCellCheckbox.vue';
-import type { QTablePropSortBy, QTableProvider } from '../types';
 import type {
   ExtendedColumn,
   QTableContainerProvider
 } from '../QTableContainer/types';
+import type { QTablePropSortBy, QTableProvider } from '../types';
+
 import QTableTHeadCell from './QTableTHeadCell/QTableTHeadCell.vue';
 import type { QTableTHeadInstance } from './types';
 
diff --git a/src/qComponents/QTable/src/QTableTHead/QTableTHeadCell/QTableTHeadCell.vue b/src/qComponents/QTable/src/QTableTHead/QTableTHeadCell/QTableTHeadCell.vue
index 54895ced..0515bbb5 100644
--- a/src/qComponents/QTable/src/QTableTHead/QTableTHeadCell/QTableTHeadCell.vue
+++ b/src/qComponents/QTable/src/QTableTHead/QTableTHeadCell/QTableTHeadCell.vue
@@ -14,9 +14,9 @@ import type { Nullable, Optional } from '#/helpers';
 
 import { useSticky } from '../../hooks/sticky';
 import type { StickyConfig } from '../../hooks/sticky';
-import type { QTableProvider } from '../../types';
 import type { ExtendedColumn } from '../../QTableContainer/types';
 import type { QTableTProvider } from '../../QTableT/types';
+import type { QTableProvider } from '../../types';
 
 import type {
   QTableTHeadCellProps,
diff --git a/src/qComponents/QTable/src/QTableTHead/types.ts b/src/qComponents/QTable/src/QTableTHead/types.ts
index e1c80423..591eb40d 100644
--- a/src/qComponents/QTable/src/QTableTHead/types.ts
+++ b/src/qComponents/QTable/src/QTableTHead/types.ts
@@ -2,8 +2,8 @@ import type { Ref, ComputedRef } from 'vue';
 
 import type { Nullable } from '#/helpers';
 
-import type { QTablePropSortBy } from '../types';
 import type { ExtendedColumn } from '../QTableContainer/types';
+import type { QTablePropSortBy } from '../types';
 
 export interface QTableTHeadInstance {
   isSelectable: Nullable<ComputedRef<boolean>>;
diff --git a/src/qComponents/QTable/src/QTableTSticky/QTableTSticky.vue b/src/qComponents/QTable/src/QTableTSticky/QTableTSticky.vue
index 78ededea..0a6f16ba 100644
--- a/src/qComponents/QTable/src/QTableTSticky/QTableTSticky.vue
+++ b/src/qComponents/QTable/src/QTableTSticky/QTableTSticky.vue
@@ -13,6 +13,7 @@
 </template>
 
 <script lang="ts">
+import { isEmpty } from 'lodash-es';
 import {
   defineComponent,
   inject,
@@ -24,10 +25,10 @@ import {
   onBeforeUpdate,
   onUpdated
 } from 'vue';
-import { isEmpty } from 'lodash-es';
 
 import { useResizeListener } from '@/qComponents/hooks';
 import type { QScrollbarProvider } from '@/qComponents/QScrollbar';
+
 import type { Nullable, Nillable } from '#/helpers';
 
 import { SELECTABLE_COLUMN_STICKY_INDEX } from '../config';
diff --git a/src/qComponents/QTable/src/QTableTTotal/QTableTTotal.vue b/src/qComponents/QTable/src/QTableTTotal/QTableTTotal.vue
index 3a9d3889..baa00175 100644
--- a/src/qComponents/QTable/src/QTableTTotal/QTableTTotal.vue
+++ b/src/qComponents/QTable/src/QTableTTotal/QTableTTotal.vue
@@ -23,11 +23,11 @@ import { defineComponent, computed, inject } from 'vue';
 
 import { TOTAL_CHECKED_INDEX } from '../config';
 import QTableCellCheckbox from '../QTableCellCheckbox/QTableCellCheckbox.vue';
-import type { QTableProvider } from '../types';
 import type {
   ExtendedColumn,
   QTableContainerProvider
 } from '../QTableContainer/types';
+import type { QTableProvider } from '../types';
 
 import QTableTTotalCell from './QTableTTotalCell/QTableTTotalCell.vue';
 import type { QTableTTotalInstance } from './types';
diff --git a/src/qComponents/QTable/src/QTableTTotal/QTableTTotalCell/QTableTTotalCell.vue b/src/qComponents/QTable/src/QTableTTotal/QTableTTotalCell/QTableTTotalCell.vue
index 96ea286c..341e22db 100644
--- a/src/qComponents/QTable/src/QTableTTotal/QTableTTotalCell/QTableTTotalCell.vue
+++ b/src/qComponents/QTable/src/QTableTTotal/QTableTTotalCell/QTableTTotalCell.vue
@@ -5,9 +5,9 @@ import type { Nullable } from '#/helpers';
 
 import { useSticky } from '../../hooks/sticky';
 import type { StickyConfig } from '../../hooks/sticky';
-import type { QTableProvider } from '../../types';
-import type { QTableTProvider } from '../../QTableT/types';
 import type { ExtendedColumn } from '../../QTableContainer/types';
+import type { QTableTProvider } from '../../QTableT/types';
+import type { QTableProvider } from '../../types';
 
 import type { QTableTTotalCellProps, QTableTTotalCellInstance } from './types';
 
diff --git a/src/qComponents/QTable/src/hooks/sticky/index.ts b/src/qComponents/QTable/src/hooks/sticky/index.ts
index 17ca000a..1572a8ef 100644
--- a/src/qComponents/QTable/src/hooks/sticky/index.ts
+++ b/src/qComponents/QTable/src/hooks/sticky/index.ts
@@ -1,5 +1,5 @@
-import { computed, reactive } from 'vue';
 import { isNil } from 'lodash-es';
+import { computed, reactive } from 'vue';
 
 import type { Nullable, Optional } from '#/helpers';
 
diff --git a/src/qComponents/QTextarea/src/QTextarea.vue b/src/qComponents/QTextarea/src/QTextarea.vue
index 1bacba06..095b1570 100644
--- a/src/qComponents/QTextarea/src/QTextarea.vue
+++ b/src/qComponents/QTextarea/src/QTextarea.vue
@@ -37,10 +37,11 @@ import {
   PropType
 } from 'vue';
 
-import { t } from '@/qComponents/locale';
 import { validateArray } from '@/qComponents/helpers';
+import { t } from '@/qComponents/locale';
 import type { QFormProvider } from '@/qComponents/QForm';
 import type { QFormItemProvider } from '@/qComponents/QFormItem';
+
 import type { Nullable } from '#/helpers';
 
 import calcTextareaHeight from './calcTextareaHeight';
diff --git a/src/qComponents/QUpload/src/QUpload.vue b/src/qComponents/QUpload/src/QUpload.vue
index 98d749c1..60ca65ca 100644
--- a/src/qComponents/QUpload/src/QUpload.vue
+++ b/src/qComponents/QUpload/src/QUpload.vue
@@ -47,18 +47,18 @@
 </template>
 
 <script lang="ts">
+import { isNil } from 'lodash-es';
 import { defineComponent, inject, ref, computed } from 'vue';
 import type { PropType } from 'vue';
-import { isNil } from 'lodash-es';
+
 import { validateArray, randId } from '@/qComponents/helpers';
 import type { QFormProvider } from '@/qComponents/QForm';
 
 import type { Nullable } from '#/helpers';
 
 import QUploadDropZone from './QUploadDropZone';
-import QUploadFileSingle from './QUploadFileSingle';
 import QUploadFileMultiple from './QUploadFileMultiple';
-
+import QUploadFileSingle from './QUploadFileSingle';
 import type {
   QUploadProps,
   QUploadPropValue,
diff --git a/src/qComponents/QUpload/src/QUploadDropZone/QUploadDropZone.vue b/src/qComponents/QUpload/src/QUploadDropZone/QUploadDropZone.vue
index 62b3fc98..48d2a9d7 100644
--- a/src/qComponents/QUpload/src/QUploadDropZone/QUploadDropZone.vue
+++ b/src/qComponents/QUpload/src/QUploadDropZone/QUploadDropZone.vue
@@ -20,6 +20,7 @@
 import { defineComponent, ref, computed } from 'vue';
 
 import { t } from '@/qComponents/locale';
+
 import type { QUploadDropZoneProps, QUploadDropZoneInstance } from './types';
 
 export default defineComponent({
diff --git a/src/qComponents/QUpload/src/QUploadFileMultiple/QUploadFileMultiple.vue b/src/qComponents/QUpload/src/QUploadFileMultiple/QUploadFileMultiple.vue
index 447f3855..348d4176 100644
--- a/src/qComponents/QUpload/src/QUploadFileMultiple/QUploadFileMultiple.vue
+++ b/src/qComponents/QUpload/src/QUploadFileMultiple/QUploadFileMultiple.vue
@@ -74,8 +74,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, PropType } from 'vue';
 import { isNil } from 'lodash-es';
+import { defineComponent, computed, PropType } from 'vue';
 
 import {
   CLEAR_ALL_EVENT,
@@ -83,9 +83,11 @@ import {
   ABORT_EVENT
 } from '@/qComponents/constants/events';
 import { t } from '@/qComponents/locale';
+
 import type { Nullable } from '#/helpers';
 
 import type { QUploadFile } from '../types';
+
 import type {
   QUploadFileMultipleProps,
   QUploadFileMultiplePropValue,
diff --git a/src/qComponents/constants/locales/index.ts b/src/qComponents/constants/locales/index.ts
index e42eb146..5af4afa5 100644
--- a/src/qComponents/constants/locales/index.ts
+++ b/src/qComponents/constants/locales/index.ts
@@ -1,5 +1,5 @@
-import ru from './ru';
 import en from './en';
+import ru from './ru';
 import zh from './zh';
 
 export { ru, en, zh };
diff --git a/src/qComponents/helpers/withInstall.ts b/src/qComponents/helpers/withInstall.ts
index 4f6b2158..09cb0e33 100644
--- a/src/qComponents/helpers/withInstall.ts
+++ b/src/qComponents/helpers/withInstall.ts
@@ -1,4 +1,5 @@
 import type { App, Component } from 'vue';
+
 import type { SFCWithInstall } from '#/helpers';
 
 export const withInstall = <T extends Component>(
diff --git a/src/qComponents/hooks/useMediaQuery/index.ts b/src/qComponents/hooks/useMediaQuery/index.ts
index 91bc350d..b806c419 100644
--- a/src/qComponents/hooks/useMediaQuery/index.ts
+++ b/src/qComponents/hooks/useMediaQuery/index.ts
@@ -1,4 +1,5 @@
 import { ref, Ref } from 'vue';
+
 import { tryOnUnmounted } from '../helpers';
 
 /**
diff --git a/src/qComponents/index.ts b/src/qComponents/index.ts
index bb827b1d..4411c544 100644
--- a/src/qComponents/index.ts
+++ b/src/qComponents/index.ts
@@ -1,15 +1,15 @@
-import type { App, Plugin } from 'vue';
 import { merge } from 'lodash-es';
+import type { App, Plugin } from 'vue';
 
 import 'focus-visible';
 
-import { setMessages, setI18n } from './locale';
 import { setConfig } from './config';
 import {
   en as localeEn,
   ru as localeRu,
   zh as localeZh
 } from './constants/locales';
+import { setMessages, setI18n } from './locale';
 import { QBreadcrumbs } from './QBreadcrumbs';
 import { QButton } from './QButton';
 import { QCascader } from './QCascader';
@@ -43,7 +43,6 @@ import { QTabs } from './QTabs';
 import { QTag } from './QTag';
 import { QTextarea } from './QTextarea';
 import { QUpload } from './QUpload';
-
 import type { ConfigOptions } from './types';
 
 import '../fonts/fonts.scss';
diff --git a/src/qComponents/locale/index.ts b/src/qComponents/locale/index.ts
index 484b9e48..29d76d15 100644
--- a/src/qComponents/locale/index.ts
+++ b/src/qComponents/locale/index.ts
@@ -1,6 +1,7 @@
 import { get, isString } from 'lodash-es';
 
 import { getConfig } from '@/qComponents/config';
+
 import type { Nullable } from '#/helpers';
 
 export type Messages = {
diff --git a/stories/Layout/QCol.stories.ts b/stories/Layout/QCol.stories.ts
index 0fe008de..c35ce984 100644
--- a/stories/Layout/QCol.stories.ts
+++ b/stories/Layout/QCol.stories.ts
@@ -1,9 +1,9 @@
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent } from 'vue';
 
-import { QRow } from '@/qComponents/QRow';
 import { QCol } from '@/qComponents/QCol';
 import type { QColProps } from '@/qComponents/QCol';
+import { QRow } from '@/qComponents/QRow';
 import './layout.scss';
 
 const storyMetadata: Meta = {
diff --git a/stories/Layout/QRow.stories.ts b/stories/Layout/QRow.stories.ts
index 22e2f206..9da21c39 100644
--- a/stories/Layout/QRow.stories.ts
+++ b/stories/Layout/QRow.stories.ts
@@ -1,8 +1,8 @@
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent } from 'vue';
 
-import { QRow } from '@/qComponents/QRow';
 import { QCol } from '@/qComponents/QCol';
+import { QRow } from '@/qComponents/QRow';
 import type { QRowProps } from '@/qComponents/QRow';
 import './layout.scss';
 
diff --git a/stories/components/QBreadcrumbs.stories.ts b/stories/components/QBreadcrumbs.stories.ts
index ca31b844..d4a7dbe6 100644
--- a/stories/components/QBreadcrumbs.stories.ts
+++ b/stories/components/QBreadcrumbs.stories.ts
@@ -2,8 +2,8 @@
 import { app } from '@storybook/vue3';
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent, computed } from 'vue';
-import { t } from '@/qComponents/locale';
 
+import { t } from '@/qComponents/locale';
 import { QBreadcrumbs } from '@/qComponents/QBreadcrumbs';
 import type {
   QBreadcrumbsProps,
diff --git a/stories/components/QCollapse.stories.ts b/stories/components/QCollapse.stories.ts
index ffce98ec..4a9345fc 100644
--- a/stories/components/QCollapse.stories.ts
+++ b/stories/components/QCollapse.stories.ts
@@ -2,8 +2,8 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent, ref } from 'vue';
 
 import { QCollapse } from '@/qComponents/QCollapse';
-import { QCollapseItem } from '@/qComponents/QCollapseItem';
 import type { QCollapseProps } from '@/qComponents/QCollapse';
+import { QCollapseItem } from '@/qComponents/QCollapseItem';
 
 const storyMetadata: Meta = {
   title: 'Components/QCollapse',
diff --git a/stories/components/QColorPicker.stories.ts b/stories/components/QColorPicker.stories.ts
index 3b86bce6..d2a78b34 100644
--- a/stories/components/QColorPicker.stories.ts
+++ b/stories/components/QColorPicker.stories.ts
@@ -1,6 +1,6 @@
+import { placements } from '@popperjs/core/lib/enums';
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent, ref } from 'vue';
-import { placements } from '@popperjs/core/lib/enums';
 
 import { QColorPicker } from '@/qComponents/QColorPicker';
 import type { QColorPickerProps } from '@/qComponents/QColorPicker';
diff --git a/stories/components/QDatePicker.stories.ts b/stories/components/QDatePicker.stories.ts
index 661197d9..56036f00 100644
--- a/stories/components/QDatePicker.stories.ts
+++ b/stories/components/QDatePicker.stories.ts
@@ -1,6 +1,6 @@
-import { defineComponent, reactive, watch } from 'vue';
 import type { Meta, Story } from '@storybook/vue3';
 import { addMonths, startOfYesterday, subMonths, subWeeks } from 'date-fns';
+import { defineComponent, reactive, watch } from 'vue';
 
 import { QDatePicker } from '@/qComponents/QDatePicker';
 import type {
diff --git a/stories/components/QForm.stories.ts b/stories/components/QForm.stories.ts
index 0b053dbb..8ca9ec39 100644
--- a/stories/components/QForm.stories.ts
+++ b/stories/components/QForm.stories.ts
@@ -2,13 +2,14 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent, reactive, ref } from 'vue';
 
 import { QForm } from '@/qComponents/QForm';
-import { QFormItem } from '@/qComponents/QFormItem';
 import type {
   QFormProps,
   QFormPropRules,
   QFormPropModel,
   QFormInstance
 } from '@/qComponents/QForm';
+import { QFormItem } from '@/qComponents/QFormItem';
+
 import type { UnwrappedInstance } from '#/helpers';
 
 const storyMetadata: Meta = {
diff --git a/stories/components/QInput.stories.ts b/stories/components/QInput.stories.ts
index f2e7cf9c..db359ee2 100644
--- a/stories/components/QInput.stories.ts
+++ b/stories/components/QInput.stories.ts
@@ -3,6 +3,7 @@ import { defineComponent, ref } from 'vue';
 
 import { QInput } from '@/qComponents/QInput';
 import type { QInputProps } from '@/qComponents/QInput';
+
 import iconsList from '../core/iconsList';
 
 const storyMetadata: Meta = {
diff --git a/stories/components/QPopover.stories.ts b/stories/components/QPopover.stories.ts
index 6e4663fe..731669ae 100644
--- a/stories/components/QPopover.stories.ts
+++ b/stories/components/QPopover.stories.ts
@@ -1,6 +1,6 @@
+import { placements } from '@popperjs/core/lib/enums';
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent } from 'vue';
-import { placements } from '@popperjs/core/lib/enums';
 
 import { QPopover } from '@/qComponents/QPopover';
 import type { QPopoverProps } from '@/qComponents/QPopover';
diff --git a/stories/components/QSelect.stories.ts b/stories/components/QSelect.stories.ts
index 8a16aba9..3ec14435 100644
--- a/stories/components/QSelect.stories.ts
+++ b/stories/components/QSelect.stories.ts
@@ -1,8 +1,8 @@
-import { defineComponent, watch, reactive } from 'vue';
 import type { Meta, Story } from '@storybook/vue3';
+import { defineComponent, watch, reactive } from 'vue';
 
-import { QSelect } from '@/qComponents/QSelect';
 import { QOption } from '@/qComponents/QOption';
+import { QSelect } from '@/qComponents/QSelect';
 import type { QSelectProps } from '@/qComponents/QSelect';
 
 const storyMetadata: Meta = {
diff --git a/stories/components/QSlider/Default.ts b/stories/components/QSlider/Default.ts
index 5aec5b81..64d79c01 100644
--- a/stories/components/QSlider/Default.ts
+++ b/stories/components/QSlider/Default.ts
@@ -1,5 +1,6 @@
 import type { Story } from '@storybook/vue3';
 import { defineComponent, ref } from 'vue';
+
 import { t } from '@/qComponents/locale';
 import type {
   QSliderPropModelValue,
diff --git a/stories/components/QSlider/SlotCaption.ts b/stories/components/QSlider/SlotCaption.ts
index b4f969ab..9ce25d0a 100644
--- a/stories/components/QSlider/SlotCaption.ts
+++ b/stories/components/QSlider/SlotCaption.ts
@@ -1,5 +1,6 @@
 import type { Story } from '@storybook/vue3';
 import { defineComponent, ref } from 'vue';
+
 import { t } from '@/qComponents/locale';
 import type {
   QSliderPropModelValue,
diff --git a/stories/components/QTabPane.stories.ts b/stories/components/QTabPane.stories.ts
index ac4f9411..6dad9d4b 100644
--- a/stories/components/QTabPane.stories.ts
+++ b/stories/components/QTabPane.stories.ts
@@ -1,9 +1,9 @@
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent, ref } from 'vue';
 
-import { QTabs } from '@/qComponents/QTabs';
 import { QTabPane } from '@/qComponents/QTabPane';
 import type { QTabPaneProps } from '@/qComponents/QTabPane';
+import { QTabs } from '@/qComponents/QTabs';
 
 const storyMetadata: Meta = {
   title: 'Components/QTabs/QTabPane',
diff --git a/stories/components/QTable/CustomRows.ts b/stories/components/QTable/CustomRows.ts
index dba6ae8a..d21ec383 100644
--- a/stories/components/QTable/CustomRows.ts
+++ b/stories/components/QTable/CustomRows.ts
@@ -1,6 +1,5 @@
-import Template from './Default';
-
 import { groupsOfColumns, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const CustomRows = Template.bind({});
 
diff --git a/stories/components/QTable/CustomWidth.ts b/stories/components/QTable/CustomWidth.ts
index 5dc6eb60..55e0c8dd 100644
--- a/stories/components/QTable/CustomWidth.ts
+++ b/stories/components/QTable/CustomWidth.ts
@@ -1,6 +1,5 @@
-import Template from './Default';
-
 import { groupsOfColumns, sortBy, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const CustomWidth = Template.bind({});
 
diff --git a/stories/components/QTable/Draggable.ts b/stories/components/QTable/Draggable.ts
index c6094878..ccced78d 100644
--- a/stories/components/QTable/Draggable.ts
+++ b/stories/components/QTable/Draggable.ts
@@ -1,5 +1,5 @@
-import Template from './Default';
 import { total, sortBy, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const Draggable = Template.bind({});
 
diff --git a/stories/components/QTable/Groups.ts b/stories/components/QTable/Groups.ts
index be4014ea..09bd01be 100644
--- a/stories/components/QTable/Groups.ts
+++ b/stories/components/QTable/Groups.ts
@@ -1,6 +1,5 @@
-import Template from './Default';
-
 import { total, sortBy, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const Groups = Template.bind({});
 
diff --git a/stories/components/QTable/QTable.stories.ts b/stories/components/QTable/QTable.stories.ts
index 2c135cd2..bb4d2144 100644
--- a/stories/components/QTable/QTable.stories.ts
+++ b/stories/components/QTable/QTable.stories.ts
@@ -2,14 +2,14 @@ import type { Meta } from '@storybook/vue3';
 
 import { QTable } from '@/qComponents/QTable';
 
-import Default from './Default';
+import CustomRows from './CustomRows';
 import CustomWidth from './CustomWidth';
+import Default from './Default';
+import Draggable from './Draggable';
+import Groups from './Groups';
 import Selectable from './Selectable';
-import Total from './Total';
 import StickyColumn from './StickyColumn';
-import CustomRows from './CustomRows';
-import Groups from './Groups';
-import Draggable from './Draggable';
+import Total from './Total';
 
 const storyMetadata: Meta = {
   title: 'Components/QTable',
diff --git a/stories/components/QTable/Selectable.ts b/stories/components/QTable/Selectable.ts
index 83f0f744..0c531d52 100644
--- a/stories/components/QTable/Selectable.ts
+++ b/stories/components/QTable/Selectable.ts
@@ -1,6 +1,5 @@
-import Template from './Default';
-
 import { groupsOfColumns, total, sortBy, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const Selectable = Template.bind({});
 
diff --git a/stories/components/QTable/StickyColumn.ts b/stories/components/QTable/StickyColumn.ts
index 6e47403a..9dfe12b9 100644
--- a/stories/components/QTable/StickyColumn.ts
+++ b/stories/components/QTable/StickyColumn.ts
@@ -1,5 +1,5 @@
-import Template from './Default';
 import { total, sortBy, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const StickyColumn = Template.bind({});
 
diff --git a/stories/components/QTable/Total.ts b/stories/components/QTable/Total.ts
index a1c7a9ff..7a32b370 100644
--- a/stories/components/QTable/Total.ts
+++ b/stories/components/QTable/Total.ts
@@ -1,6 +1,5 @@
-import Template from './Default';
-
 import { groupsOfColumns, total, sortBy, rows, loadingRowCount } from './args';
+import Template from './Default';
 
 const Total = Template.bind({});
 
diff --git a/stories/components/QTabs.stories.ts b/stories/components/QTabs.stories.ts
index b162ee38..43ca0c9b 100644
--- a/stories/components/QTabs.stories.ts
+++ b/stories/components/QTabs.stories.ts
@@ -1,8 +1,8 @@
 import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent, ref } from 'vue';
 
-import { QTabs } from '@/qComponents/QTabs';
 import { QTabPane } from '@/qComponents/QTabPane';
+import { QTabs } from '@/qComponents/QTabs';
 import type { QTabsProps } from '@/qComponents/QTabs';
 
 const storyMetadata: Meta = {
diff --git a/stories/components/QUpload/Default.stories.ts b/stories/components/QUpload/Default.stories.ts
index 896d91c8..1732ac72 100644
--- a/stories/components/QUpload/Default.stories.ts
+++ b/stories/components/QUpload/Default.stories.ts
@@ -3,6 +3,7 @@ import { defineComponent, reactive } from 'vue';
 
 import { QUpload } from '@/qComponents/QUpload';
 import type { QUploadProps, QUploadFile } from '@/qComponents/QUpload';
+
 import type { Nullable } from '#/helpers';
 
 interface FormModelFile extends QUploadFile {
diff --git a/stories/plugins/QDialog/Component.stories.ts b/stories/plugins/QDialog/Component.stories.ts
index 5c98770c..b8a1a234 100644
--- a/stories/plugins/QDialog/Component.stories.ts
+++ b/stories/plugins/QDialog/Component.stories.ts
@@ -2,8 +2,8 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineAsyncComponent, defineComponent } from 'vue';
 
 import { useDialog } from '@/qComponents';
-import { QDialogContainer } from '@/qComponents/QDialog/src/QDialogContainer';
 import type { QDialogOptions } from '@/qComponents';
+import { QDialogContainer } from '@/qComponents/QDialog/src/QDialogContainer';
 
 const storyMetadata: Meta = {
   title: 'Plugins/QDialog/Component',
diff --git a/stories/plugins/QDialog/Extended.stories.ts b/stories/plugins/QDialog/Extended.stories.ts
index a5d7b3bd..d0a49d37 100644
--- a/stories/plugins/QDialog/Extended.stories.ts
+++ b/stories/plugins/QDialog/Extended.stories.ts
@@ -2,8 +2,8 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineAsyncComponent, defineComponent } from 'vue';
 
 import { useDialog } from '@/qComponents';
-import { QDialogContainer } from '@/qComponents/QDialog/src/QDialogContainer';
 import type { QDialogOptions } from '@/qComponents';
+import { QDialogContainer } from '@/qComponents/QDialog/src/QDialogContainer';
 
 const storyMetadata: Meta = {
   title: 'Plugins/QDialog/Extended',
diff --git a/stories/plugins/QDrawer/Component.stories.ts b/stories/plugins/QDrawer/Component.stories.ts
index 2c658f0c..60a4b66b 100644
--- a/stories/plugins/QDrawer/Component.stories.ts
+++ b/stories/plugins/QDrawer/Component.stories.ts
@@ -2,8 +2,8 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineAsyncComponent, defineComponent } from 'vue';
 
 import { useDrawer } from '@/qComponents';
-import { QDrawerContainer } from '@/qComponents/QDrawer/src/QDrawerContainer';
 import type { QDrawerOptions } from '@/qComponents';
+import { QDrawerContainer } from '@/qComponents/QDrawer/src/QDrawerContainer';
 
 const storyMetadata: Meta = {
   title: 'Plugins/QDrawer/Component',
diff --git a/stories/plugins/QDrawer/Extended.stories.ts b/stories/plugins/QDrawer/Extended.stories.ts
index 46a44703..df5943c5 100644
--- a/stories/plugins/QDrawer/Extended.stories.ts
+++ b/stories/plugins/QDrawer/Extended.stories.ts
@@ -2,8 +2,8 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineAsyncComponent, defineComponent } from 'vue';
 
 import { useDrawer } from '@/qComponents';
-import { QDrawerContainer } from '@/qComponents/QDrawer/src/QDrawerContainer';
 import type { QDrawerOptions } from '@/qComponents';
+import { QDrawerContainer } from '@/qComponents/QDrawer/src/QDrawerContainer';
 
 const storyMetadata: Meta = {
   title: 'Plugins/QDrawer/Extended',
diff --git a/stories/plugins/QMessageBox/Component.stories.ts b/stories/plugins/QMessageBox/Component.stories.ts
index f5962b04..8a3d041b 100644
--- a/stories/plugins/QMessageBox/Component.stories.ts
+++ b/stories/plugins/QMessageBox/Component.stories.ts
@@ -2,8 +2,8 @@ import type { Story, Meta } from '@storybook/vue3';
 import { defineComponent, defineAsyncComponent } from 'vue';
 
 import { useMessageBox } from '@/qComponents';
-import { QMessageBoxContainer } from '@/qComponents/QMessageBox/src/QMessageBoxContainer';
 import type { QMessageBoxOptions } from '@/qComponents';
+import { QMessageBoxContainer } from '@/qComponents/QMessageBox/src/QMessageBoxContainer';
 
 const storyMetadata: Meta = {
   title: 'Plugins/QMessageBox/Component',
diff --git a/stories/plugins/QMessageBox/Extended.stories.ts b/stories/plugins/QMessageBox/Extended.stories.ts
index 20961b80..67364976 100644
--- a/stories/plugins/QMessageBox/Extended.stories.ts
+++ b/stories/plugins/QMessageBox/Extended.stories.ts
@@ -2,8 +2,8 @@ import type { Story, Meta } from '@storybook/vue3';
 import { defineComponent, defineAsyncComponent } from 'vue';
 
 import { useMessageBox } from '@/qComponents';
-import { QMessageBoxContainer } from '@/qComponents/QMessageBox/src/QMessageBoxContainer';
 import type { QMessageBoxOptions } from '@/qComponents';
+import { QMessageBoxContainer } from '@/qComponents/QMessageBox/src/QMessageBoxContainer';
 
 const storyMetadata: Meta = {
   title: 'Plugins/QMessageBox/Extended',
diff --git a/stories/plugins/QNotification.stories.ts b/stories/plugins/QNotification.stories.ts
index 29feb0ce..ae70a68e 100644
--- a/stories/plugins/QNotification.stories.ts
+++ b/stories/plugins/QNotification.stories.ts
@@ -2,11 +2,13 @@ import type { Meta, Story } from '@storybook/vue3';
 import { defineComponent } from 'vue';
 
 import { useNotify, NotifyType } from '@/qComponents/QNotification';
+import type { QNotifyId } from '@/qComponents/QNotification';
 import QNotificationToast, {
   QNotificationToastProps
 } from '@/qComponents/QNotification/src/QNotificationToast';
-import type { QNotifyId } from '@/qComponents/QNotification';
+
 import type { Nullable } from '#/helpers';
+
 import iconsList from '../core/iconsList';
 
 const storyMetadata: Meta = {
diff --git a/vite.config.ts b/vite.config.ts
index 2703c399..f1ae0703 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,16 +2,15 @@ import { writeFileSync, mkdirSync, existsSync } from 'fs';
 import { resolve } from 'path';
 
 /* eslint-disable import/no-extraneous-dependencies */
-import { defineConfig } from 'vite';
-import sass from 'sass';
-import sassPlugin from 'rollup-plugin-sass';
-import copy from 'rollup-plugin-copy';
 import vue from '@vitejs/plugin-vue';
+import copy from 'rollup-plugin-copy';
+import sassPlugin from 'rollup-plugin-sass';
+import type { IdAndContentObject } from 'rollup-plugin-sass/dist/types';
+import sass from 'sass';
+import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 /* eslint-enable import/no-extraneous-dependencies */
 
-import type { IdAndContentObject } from 'rollup-plugin-sass/dist/types';
-
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
diff --git a/vitest.config.ts b/vitest.config.ts
index ba6bca61..e30b0460 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,4 +1,5 @@
 import { resolve } from 'path';
+
 /* eslint-disable import/no-extraneous-dependencies */
 import vue from '@vitejs/plugin-vue';
 import { defineConfig } from 'vite';