[Lint] Sort imports (#2104)

src/components/dialog/content/ConfirmationDialogContent.vue

@@ -56,8 +56,9 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
-import { useDialogStore } from '@/stores/dialogStore'
+
 import type { ConfirmationDialogType } from '@/services/dialogService'
+import { useDialogStore } from '@/stores/dialogStore'
 
 const props = defineProps<{
   message: string

src/components/dialog/content/ExecutionErrorDialogContent.vue

@@ -37,19 +37,20 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { useToast } from 'primevue/usetoast'
 import Button from 'primevue/button'
 import Divider from 'primevue/divider'
 import ScrollPanel from 'primevue/scrollpanel'
+import { useToast } from 'primevue/usetoast'
+import { onMounted, ref } from 'vue'
+
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
 import FindIssueButton from '@/components/dialog/content/error/FindIssueButton.vue'
 import ReportIssueButton from '@/components/dialog/content/error/ReportIssueButton.vue'
-import type { ExecutionErrorWsMessage, SystemStats } from '@/types/apiTypes'
+import { useCopyToClipboard } from '@/hooks/clipboardHooks'
 import { api } from '@/scripts/api'
 import { app } from '@/scripts/app'
+import type { ExecutionErrorWsMessage, SystemStats } from '@/types/apiTypes'
 import { isElectron } from '@/utils/envUtil'
-import { useCopyToClipboard } from '@/hooks/clipboardHooks'
 
 const props = defineProps<{
   error: ExecutionErrorWsMessage

src/components/dialog/content/LoadWorkflowWarning.vue

@@ -33,9 +33,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import ListBox from 'primevue/listbox'
 import Button from 'primevue/button'
+import ListBox from 'primevue/listbox'
+import { computed } from 'vue'
+
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
 import type { MissingNodeType } from '@/types/comfy'
 

src/components/dialog/content/MissingModelsWarning.vue

@@ -25,10 +25,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
 import ListBox from 'primevue/listbox'
-import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
+import { computed, ref } from 'vue'
+
 import FileDownload from '@/components/common/FileDownload.vue'
+import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
 import { isElectron } from '@/utils/envUtil'
 
 // TODO: Read this from server internal API rather than hardcoding here

src/components/dialog/content/PromptDialogContent.vue

@@ -16,9 +16,10 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
-import InputText from 'primevue/inputtext'
 import FloatLabel from 'primevue/floatlabel'
+import InputText from 'primevue/inputtext'
 import { ref } from 'vue'
+
 import { useDialogStore } from '@/stores/dialogStore'
 
 const props = defineProps<{

src/components/dialog/content/SettingDialogContent.vue

@@ -67,30 +67,32 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch, defineAsyncComponent } from 'vue'
-import Listbox from 'primevue/listbox'
-import Tabs from 'primevue/tabs'
-import TabPanels from 'primevue/tabpanels'
 import Divider from 'primevue/divider'
+import Listbox from 'primevue/listbox'
 import ScrollPanel from 'primevue/scrollpanel'
+import TabPanels from 'primevue/tabpanels'
+import Tabs from 'primevue/tabs'
+import { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import SearchBox from '@/components/common/SearchBox.vue'
+import { st } from '@/i18n'
 import {
-  getSettingInfo,
   SettingTreeNode,
+  getSettingInfo,
   useSettingStore
 } from '@/stores/settingStore'
 import { ISettingGroup, SettingParams } from '@/types/settingTypes'
-import SearchBox from '@/components/common/SearchBox.vue'
-import SettingsPanel from './setting/SettingsPanel.vue'
-import PanelTemplate from './setting/PanelTemplate.vue'
-import AboutPanel from './setting/AboutPanel.vue'
-import FirstTimeUIMessage from './setting/FirstTimeUIMessage.vue'
-import CurrentUserMessage from './setting/CurrentUserMessage.vue'
-import ColorPaletteMessage from './setting/ColorPaletteMessage.vue'
-import { flattenTree } from '@/utils/treeUtil'
 import { isElectron } from '@/utils/envUtil'
 import { normalizeI18nKey } from '@/utils/formatUtil'
-import { useI18n } from 'vue-i18n'
-import { st } from '@/i18n'
+import { flattenTree } from '@/utils/treeUtil'
+
+import AboutPanel from './setting/AboutPanel.vue'
+import ColorPaletteMessage from './setting/ColorPaletteMessage.vue'
+import CurrentUserMessage from './setting/CurrentUserMessage.vue'
+import FirstTimeUIMessage from './setting/FirstTimeUIMessage.vue'
+import PanelTemplate from './setting/PanelTemplate.vue'
+import SettingsPanel from './setting/SettingsPanel.vue'
 
 const props = defineProps<{
   defaultPanel?: 'about' | 'keybinding' | 'extension' | 'server-config'

src/components/dialog/content/error/FindIssueButton.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import Button from 'primevue/button'
+import { computed } from 'vue'
 
 const props = defineProps<{
   errorMessage: string

src/components/dialog/content/error/ReportIssueButton.vue

@@ -11,11 +11,12 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
 import Button from 'primevue/button'
 import { useToast } from 'primevue/usetoast'
-import { ExecutionErrorWsMessage } from '@/types/apiTypes'
+import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
+
+import { ExecutionErrorWsMessage } from '@/types/apiTypes'
 import { electronAPI } from '@/utils/envUtil'
 
 const { error } = defineProps<{

src/components/dialog/content/setting/AboutPanel.vue

@@ -30,13 +30,15 @@
 </template>
 
 <script setup lang="ts">
-import PanelTemplate from './PanelTemplate.vue'
-import { useSystemStatsStore } from '@/stores/systemStatsStore'
-import { useAboutPanelStore } from '@/stores/aboutPanelStore'
-import Tag from 'primevue/tag'
 import Divider from 'primevue/divider'
+import Tag from 'primevue/tag'
 import { onMounted } from 'vue'
+
 import SystemStatsPanel from '@/components/common/SystemStatsPanel.vue'
+import { useAboutPanelStore } from '@/stores/aboutPanelStore'
+import { useSystemStatsStore } from '@/stores/systemStatsStore'
+
+import PanelTemplate from './PanelTemplate.vue'
 
 const systemStatsStore = useSystemStatsStore()
 const aboutPanelStore = useAboutPanelStore()

src/components/dialog/content/setting/ColorPaletteMessage.vue

@@ -38,14 +38,15 @@
 </template>
 
 <script setup lang="ts">
+import { storeToRefs } from 'pinia'
 import Button from 'primevue/button'
 import Message from 'primevue/message'
 import Select from 'primevue/select'
-import { useColorPaletteStore } from '@/stores/workspace/colorPaletteStore'
-import { useColorPaletteService } from '@/services/colorPaletteService'
-import { storeToRefs } from 'pinia'
 import { watch } from 'vue'
 
+import { useColorPaletteService } from '@/services/colorPaletteService'
+import { useColorPaletteStore } from '@/stores/workspace/colorPaletteStore'
+
 const colorPaletteStore = useColorPaletteStore()
 const colorPaletteService = useColorPaletteService()
 const { palettes, activePaletteId } = storeToRefs(colorPaletteStore)

src/components/dialog/content/setting/CurrentUserMessage.vue

@@ -16,8 +16,9 @@
 </template>
 
 <script setup lang="ts">
-import Message from 'primevue/message'
 import Button from 'primevue/button'
+import Message from 'primevue/message'
+
 import { useUserStore } from '@/stores/userStore'
 
 const userStore = useUserStore()

src/components/dialog/content/setting/ExtensionPanel.vue

@@ -72,19 +72,21 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { FilterMatchMode } from '@primevue/core/api'
+import Button from 'primevue/button'
+import Column from 'primevue/column'
+import ContextMenu from 'primevue/contextmenu'
+import DataTable from 'primevue/datatable'
+import Message from 'primevue/message'
+import Tag from 'primevue/tag'
+import ToggleSwitch from 'primevue/toggleswitch'
+import { computed, onMounted, ref } from 'vue'
+
+import SearchBox from '@/components/common/SearchBox.vue'
 import { useExtensionStore } from '@/stores/extensionStore'
 import { useSettingStore } from '@/stores/settingStore'
-import DataTable from 'primevue/datatable'
-import Column from 'primevue/column'
-import ToggleSwitch from 'primevue/toggleswitch'
-import Tag from 'primevue/tag'
-import Button from 'primevue/button'
-import ContextMenu from 'primevue/contextmenu'
-import Message from 'primevue/message'
-import { FilterMatchMode } from '@primevue/core/api'
+
 import PanelTemplate from './PanelTemplate.vue'
-import SearchBox from '@/components/common/SearchBox.vue'
 
 const filters = ref({
   global: { value: '', matchMode: FilterMatchMode.CONTAINS }

src/components/dialog/content/setting/FirstTimeUIMessage.vue

@@ -11,10 +11,11 @@
 </template>
 
 <script setup lang="ts">
-import { useSettingStore } from '@/stores/settingStore'
 import Message from 'primevue/message'
 import { computed } from 'vue'
 
+import { useSettingStore } from '@/stores/settingStore'
+
 const settingStore = useSettingStore()
 const show = computed(() => !settingStore.exists('Comfy.UseNewMenu'))
 const handleClose = () => {

src/components/dialog/content/setting/KeybindingPanel.vue

@@ -114,28 +114,30 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watchEffect } from 'vue'
-import {
-  useKeybindingStore,
-  KeyComboImpl,
-  KeybindingImpl
-} from '@/stores/keybindingStore'
-import { useCommandStore } from '@/stores/commandStore'
-import DataTable from 'primevue/datatable'
-import Column from 'primevue/column'
+import { FilterMatchMode } from '@primevue/core/api'
 import Button from 'primevue/button'
+import Column from 'primevue/column'
+import DataTable from 'primevue/datatable'
 import Dialog from 'primevue/dialog'
 import InputText from 'primevue/inputtext'
 import Message from 'primevue/message'
 import Tag from 'primevue/tag'
+import { useToast } from 'primevue/usetoast'
+import { computed, ref, watchEffect } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import SearchBox from '@/components/common/SearchBox.vue'
+import { useKeybindingService } from '@/services/keybindingService'
+import { useCommandStore } from '@/stores/commandStore'
+import {
+  KeyComboImpl,
+  KeybindingImpl,
+  useKeybindingStore
+} from '@/stores/keybindingStore'
+import { normalizeI18nKey } from '@/utils/formatUtil'
+
 import PanelTemplate from './PanelTemplate.vue'
 import KeyComboDisplay from './keybinding/KeyComboDisplay.vue'
-import SearchBox from '@/components/common/SearchBox.vue'
-import { useToast } from 'primevue/usetoast'
-import { FilterMatchMode } from '@primevue/core/api'
-import { useI18n } from 'vue-i18n'
-import { normalizeI18nKey } from '@/utils/formatUtil'
-import { useKeybindingService } from '@/services/keybindingService'
 
 const filters = ref({
   global: { value: '', matchMode: FilterMatchMode.CONTAINS }

src/components/dialog/content/setting/PanelTemplate.vue

@@ -11,8 +11,8 @@
 </template>
 
 <script setup lang="ts">
-import TabPanel from 'primevue/tabpanel'
 import ScrollPanel from 'primevue/scrollpanel'
+import TabPanel from 'primevue/tabpanel'
 
 const props = defineProps<{
   value: string

src/components/dialog/content/setting/ServerConfigPanel.vue

@@ -66,21 +66,23 @@
 </template>
 
 <script setup lang="ts">
-import Button from 'primevue/button'
-import Message from 'primevue/message'
-import Divider from 'primevue/divider'
-import FormItem from '@/components/common/FormItem.vue'
-import PanelTemplate from './PanelTemplate.vue'
-import { useServerConfigStore } from '@/stores/serverConfigStore'
 import { storeToRefs } from 'pinia'
-import { electronAPI } from '@/utils/envUtil'
-import { useSettingStore } from '@/stores/settingStore'
+import Button from 'primevue/button'
+import Divider from 'primevue/divider'
+import Message from 'primevue/message'
 import { watch } from 'vue'
-import { useCopyToClipboard } from '@/hooks/clipboardHooks'
-import type { FormItem as FormItemType } from '@/types/settingTypes'
-import type { ServerConfig } from '@/constants/serverConfig'
 import { useI18n } from 'vue-i18n'
 
+import FormItem from '@/components/common/FormItem.vue'
+import type { ServerConfig } from '@/constants/serverConfig'
+import { useCopyToClipboard } from '@/hooks/clipboardHooks'
+import { useServerConfigStore } from '@/stores/serverConfigStore'
+import { useSettingStore } from '@/stores/settingStore'
+import type { FormItem as FormItemType } from '@/types/settingTypes'
+import { electronAPI } from '@/utils/envUtil'
+
+import PanelTemplate from './PanelTemplate.vue'
+
 const settingStore = useSettingStore()
 const serverConfigStore = useServerConfigStore()
 const {

src/components/dialog/content/setting/SettingGroup.vue

@@ -18,6 +18,7 @@
 
 <script setup lang="ts">
 import Divider from 'primevue/divider'
+
 import SettingItem from '@/components/dialog/content/setting/SettingItem.vue'
 import { SettingParams } from '@/types/settingTypes'
 import { normalizeI18nKey } from '@/utils/formatUtil'

src/components/dialog/content/setting/SettingItem.vue

@@ -18,11 +18,12 @@
 
 <script setup lang="ts">
 import Tag from 'primevue/tag'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 import FormItem from '@/components/common/FormItem.vue'
 import { useSettingStore } from '@/stores/settingStore'
 import type { SettingOption, SettingParams } from '@/types/settingTypes'
-import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
 import { normalizeI18nKey } from '@/utils/formatUtil'
 
 const props = defineProps<{

src/components/dialog/content/setting/SettingsPanel.vue

@@ -17,9 +17,10 @@
 
 <script setup lang="ts">
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
-import SettingGroup from './SettingGroup.vue'
 import { ISettingGroup } from '@/types/settingTypes'
 
+import SettingGroup from './SettingGroup.vue'
+
 const props = defineProps<{
   settingGroups: ISettingGroup[]
 }>()

src/components/dialog/content/setting/keybinding/KeyComboDisplay.vue

@@ -11,9 +11,10 @@
 
 <script setup lang="ts">
 import Tag from 'primevue/tag'
-import { KeyComboImpl } from '@/stores/keybindingStore'
 import { computed } from 'vue'
 
+import { KeyComboImpl } from '@/stores/keybindingStore'
+
 const props = withDefaults(
   defineProps<{
     keyCombo: KeyComboImpl