[Lint] Sort imports (#2104)

src/components/sidebar/SideToolbar.vue

@@ -27,17 +27,19 @@
 </template>
 
 <script setup lang="ts">
-import SidebarIcon from './SidebarIcon.vue'
-import SidebarThemeToggleIcon from './SidebarThemeToggleIcon.vue'
-import SidebarSettingsToggleIcon from './SidebarSettingsToggleIcon.vue'
-import SidebarLogoutIcon from './SidebarLogoutIcon.vue'
-import ExtensionSlot from '@/components/common/ExtensionSlot.vue'
 import { computed } from 'vue'
-import { useWorkspaceStore } from '@/stores/workspaceStore'
-import { useSettingStore } from '@/stores/settingStore'
-import type { SidebarTabExtension } from '@/types/extensionTypes'
+
+import ExtensionSlot from '@/components/common/ExtensionSlot.vue'
 import { useKeybindingStore } from '@/stores/keybindingStore'
+import { useSettingStore } from '@/stores/settingStore'
 import { useUserStore } from '@/stores/userStore'
+import { useWorkspaceStore } from '@/stores/workspaceStore'
+import type { SidebarTabExtension } from '@/types/extensionTypes'
+
+import SidebarIcon from './SidebarIcon.vue'
+import SidebarLogoutIcon from './SidebarLogoutIcon.vue'
+import SidebarSettingsToggleIcon from './SidebarSettingsToggleIcon.vue'
+import SidebarThemeToggleIcon from './SidebarThemeToggleIcon.vue'
 
 const workspaceStore = useWorkspaceStore()
 const settingStore = useSettingStore()

src/components/sidebar/SidebarIcon.vue

@@ -25,9 +25,11 @@
 </template>
 
 <script setup lang="ts">
-import OverlayBadge from 'primevue/overlaybadge'
 import Button from 'primevue/button'
-import { computed, PropType } from 'vue' // Add this line to import PropsType
+import OverlayBadge from 'primevue/overlaybadge'
+import { PropType, computed } from 'vue'
+
+// Add this line to import PropsType
 
 const props = defineProps({
   icon: String,

src/components/sidebar/SidebarLogoutIcon.vue

@@ -3,11 +3,13 @@
 </template>
 
 <script setup lang="ts">
-import SidebarIcon from './SidebarIcon.vue'
-import { useUserStore } from '@/stores/userStore'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
+import { useUserStore } from '@/stores/userStore'
+
+import SidebarIcon from './SidebarIcon.vue'
+
 const { t } = useI18n()
 const userStore = useUserStore()
 

src/components/sidebar/SidebarSettingsToggleIcon.vue

@@ -8,10 +8,11 @@
 </template>
 
 <script setup lang="ts">
-import SidebarIcon from './SidebarIcon.vue'
-import { useDialogStore } from '@/stores/dialogStore'
 import SettingDialogContent from '@/components/dialog/content/SettingDialogContent.vue'
 import SettingDialogHeader from '@/components/dialog/header/SettingDialogHeader.vue'
+import { useDialogStore } from '@/stores/dialogStore'
+
+import SidebarIcon from './SidebarIcon.vue'
 
 const dialogStore = useDialogStore()
 const showSetting = () => {

src/components/sidebar/SidebarThemeToggleIcon.vue

@@ -9,9 +9,11 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import SidebarIcon from './SidebarIcon.vue'
-import { useSettingStore } from '@/stores/settingStore'
+
 import { useCommandStore } from '@/stores/commandStore'
+import { useSettingStore } from '@/stores/settingStore'
+
+import SidebarIcon from './SidebarIcon.vue'
 
 const settingStore = useSettingStore()
 const currentTheme = computed(() => settingStore.get('Comfy.ColorPalette'))

src/components/sidebar/__tests__/SidebarIcon.spec.ts

@@ -1,10 +1,11 @@
 import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import SidebarIcon from '../SidebarIcon.vue'
-import OverlayBadge from 'primevue/overlaybadge'
 import Button from 'primevue/button'
-import Tooltip from 'primevue/tooltip'
 import PrimeVue from 'primevue/config'
+import OverlayBadge from 'primevue/overlaybadge'
+import Tooltip from 'primevue/tooltip'
+import { describe, expect, it } from 'vitest'
+
+import SidebarIcon from '../SidebarIcon.vue'
 
 type SidebarIconProps = {
   icon: string

src/components/sidebar/tabs/ModelLibrarySidebarTab.vue

@@ -46,11 +46,16 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
+import type { TreeNode } from 'primevue/treenode'
+import { computed, nextTick, onMounted, ref, toRef, watch } from 'vue'
+
 import SearchBox from '@/components/common/SearchBox.vue'
 import TreeExplorer from '@/components/common/TreeExplorer.vue'
 import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
-import ModelTreeLeaf from '@/components/sidebar/tabs/modelLibrary/ModelTreeLeaf.vue'
 import ElectronDownloadItems from '@/components/sidebar/tabs/modelLibrary/ElectronDownloadItems.vue'
+import ModelTreeLeaf from '@/components/sidebar/tabs/modelLibrary/ModelTreeLeaf.vue'
+import { useTreeExpansion } from '@/hooks/treeHooks'
+import { useLitegraphService } from '@/services/litegraphService'
 import {
   ComfyModelDef,
   ModelFolder,
@@ -59,16 +64,12 @@ import {
 } from '@/stores/modelStore'
 import { useModelToNodeStore } from '@/stores/modelToNodeStore'
 import { useSettingStore } from '@/stores/settingStore'
-import { useTreeExpansion } from '@/hooks/treeHooks'
 import type {
   RenderedTreeExplorerNode,
   TreeExplorerNode
 } from '@/types/treeExplorerTypes'
-import { computed, ref, watch, toRef, onMounted, nextTick } from 'vue'
-import type { TreeNode } from 'primevue/treenode'
-import { buildTree } from '@/utils/treeUtil'
 import { isElectron } from '@/utils/envUtil'
-import { useLitegraphService } from '@/services/litegraphService'
+import { buildTree } from '@/utils/treeUtil'
 
 const modelStore = useModelStore()
 const modelToNodeStore = useModelToNodeStore()

src/components/sidebar/tabs/NodeLibrarySidebarTab.vue

@@ -63,31 +63,33 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
+import Divider from 'primevue/divider'
+import Popover from 'primevue/popover'
+import type { TreeNode } from 'primevue/treenode'
+import { Ref, computed, nextTick, ref } from 'vue'
+
+import SearchBox from '@/components/common/SearchBox.vue'
+import { SearchFilter } from '@/components/common/SearchFilterChip.vue'
+import TreeExplorer from '@/components/common/TreeExplorer.vue'
+import NodeSearchFilter from '@/components/searchbox/NodeSearchFilter.vue'
+import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
+import NodeTreeLeaf from '@/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue'
+import { useTreeExpansion } from '@/hooks/treeHooks'
+import { useLitegraphService } from '@/services/litegraphService'
+import { FilterAndValue } from '@/services/nodeSearchService'
+import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import {
-  buildNodeDefTree,
   ComfyNodeDefImpl,
+  buildNodeDefTree,
   useNodeDefStore
 } from '@/stores/nodeDefStore'
-import { computed, nextTick, ref, Ref } from 'vue'
-import type { TreeNode } from 'primevue/treenode'
-import Popover from 'primevue/popover'
-import Divider from 'primevue/divider'
-import SearchBox from '@/components/common/SearchBox.vue'
-import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
-import NodeBookmarkTreeExplorer from './nodeLibrary/NodeBookmarkTreeExplorer.vue'
-import TreeExplorer from '@/components/common/TreeExplorer.vue'
-import NodeTreeLeaf from '@/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue'
-import { sortedTree } from '@/utils/treeUtil'
-import { useTreeExpansion } from '@/hooks/treeHooks'
-import NodeSearchFilter from '@/components/searchbox/NodeSearchFilter.vue'
-import { FilterAndValue } from '@/services/nodeSearchService'
-import { SearchFilter } from '@/components/common/SearchFilterChip.vue'
 import type {
   RenderedTreeExplorerNode,
   TreeExplorerNode
 } from '@/types/treeExplorerTypes'
-import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
-import { useLitegraphService } from '@/services/litegraphService'
+import { sortedTree } from '@/utils/treeUtil'
+
+import NodeBookmarkTreeExplorer from './nodeLibrary/NodeBookmarkTreeExplorer.vue'
 
 const nodeDefStore = useNodeDefStore()
 const nodeBookmarkStore = useNodeBookmarkStore()

src/components/sidebar/tabs/QueueSidebarTab.vue

@@ -90,27 +90,29 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue'
 import { useInfiniteScroll, useResizeObserver } from '@vueuse/core'
-import { useI18n } from 'vue-i18n'
-import { useConfirm } from 'primevue/useconfirm'
-import { useToast } from 'primevue/usetoast'
 import Button from 'primevue/button'
 import ConfirmPopup from 'primevue/confirmpopup'
 import ContextMenu from 'primevue/contextmenu'
 import type { MenuItem } from 'primevue/menuitem'
 import ProgressSpinner from 'primevue/progressspinner'
-import TaskItem from './queue/TaskItem.vue'
-import ResultGallery from './queue/ResultGallery.vue'
-import SidebarTabTemplate from './SidebarTabTemplate.vue'
+import { useConfirm } from 'primevue/useconfirm'
+import { useToast } from 'primevue/usetoast'
+import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
-import { TaskItemImpl, useQueueStore } from '@/stores/queueStore'
 import { api } from '@/scripts/api'
-import { ComfyNode } from '@/types/comfyWorkflow'
-import { useSettingStore } from '@/stores/settingStore'
-import { useCommandStore } from '@/stores/commandStore'
 import { app } from '@/scripts/app'
 import { useLitegraphService } from '@/services/litegraphService'
+import { useCommandStore } from '@/stores/commandStore'
+import { TaskItemImpl, useQueueStore } from '@/stores/queueStore'
+import { useSettingStore } from '@/stores/settingStore'
+import { ComfyNode } from '@/types/comfyWorkflow'
+
+import SidebarTabTemplate from './SidebarTabTemplate.vue'
+import ResultGallery from './queue/ResultGallery.vue'
+import TaskItem from './queue/TaskItem.vue'
 
 const IMAGE_FIT = 'Comfy.Queue.ImageFit'
 const confirm = useConfirm()

src/components/sidebar/tabs/SidebarTabTemplate.vue

@@ -24,8 +24,8 @@
 </template>
 
 <script setup lang="ts">
-import Toolbar from 'primevue/toolbar'
 import ScrollPanel from 'primevue/scrollpanel'
+import Toolbar from 'primevue/toolbar'
 
 const props = defineProps<{
   title: string

src/components/sidebar/tabs/WorkflowsSidebarTab.vue

@@ -139,31 +139,32 @@
 </template>
 
 <script setup lang="ts">
-import SearchBox from '@/components/common/SearchBox.vue'
+import Button from 'primevue/button'
+import ConfirmDialog from 'primevue/confirmdialog'
+import type { TreeNode } from 'primevue/treenode'
+import { computed, nextTick, onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
-import WorkflowTreeLeaf from '@/components/sidebar/tabs/workflows/WorkflowTreeLeaf.vue'
-import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
+import SearchBox from '@/components/common/SearchBox.vue'
+import TextDivider from '@/components/common/TextDivider.vue'
 import TreeExplorer from '@/components/common/TreeExplorer.vue'
 import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
-import Button from 'primevue/button'
-import TextDivider from '@/components/common/TextDivider.vue'
-import { computed, nextTick, onMounted, ref } from 'vue'
+import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
+import WorkflowTreeLeaf from '@/components/sidebar/tabs/workflows/WorkflowTreeLeaf.vue'
+import { useTreeExpansion } from '@/hooks/treeHooks'
+import { useWorkflowService } from '@/services/workflowService'
+import { useCommandStore } from '@/stores/commandStore'
+import { useSettingStore } from '@/stores/settingStore'
 import {
   useWorkflowBookmarkStore,
   useWorkflowStore
 } from '@/stores/workflowStore'
-import { useCommandStore } from '@/stores/commandStore'
-import type { TreeNode } from 'primevue/treenode'
-import { TreeExplorerNode } from '@/types/treeExplorerTypes'
 import { ComfyWorkflow } from '@/stores/workflowStore'
-import { useI18n } from 'vue-i18n'
-import { useTreeExpansion } from '@/hooks/treeHooks'
-import { useSettingStore } from '@/stores/settingStore'
-import { useWorkflowService } from '@/services/workflowService'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
+import { TreeExplorerNode } from '@/types/treeExplorerTypes'
 import { appendJsonExt } from '@/utils/formatUtil'
 import { buildTree, sortedTree } from '@/utils/treeUtil'
-import ConfirmDialog from 'primevue/confirmdialog'
 
 const settingStore = useSettingStore()
 const workflowTabsPosition = computed(() =>

src/components/sidebar/tabs/modelLibrary/DownloadItem.vue

@@ -61,14 +61,17 @@
 
 <script setup lang="ts">
 import Button from 'primevue/button'
-import ProgressBar from 'primevue/progressbar'
 import Chip from 'primevue/chip'
+import ProgressBar from 'primevue/progressbar'
 import { useI18n } from 'vue-i18n'
-const { t } = useI18n()
+
 import {
   type ElectronDownload,
   useElectronDownloadStore
 } from '@/stores/electronDownloadStore'
+
+const { t } = useI18n()
+
 const electronDownloadStore = useElectronDownloadStore()
 
 const props = defineProps<{

src/components/sidebar/tabs/modelLibrary/ElectronDownloadItems.vue

@@ -11,10 +11,12 @@
 </template>
 
 <script setup lang="ts">
-import DownloadItem from './DownloadItem.vue'
-import { useElectronDownloadStore } from '@/stores/electronDownloadStore'
 import { storeToRefs } from 'pinia'
 
+import { useElectronDownloadStore } from '@/stores/electronDownloadStore'
+
+import DownloadItem from './DownloadItem.vue'
+
 const electronDownloadStore = useElectronDownloadStore()
 const { inProgressDownloads } = storeToRefs(electronDownloadStore)
 </script>

src/components/sidebar/tabs/modelLibrary/ModelTreeLeaf.vue

@@ -21,19 +21,21 @@
 </template>
 
 <script setup lang="ts">
-import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
-import ModelPreview from './ModelPreview.vue'
-import { ComfyModelDef } from '@/stores/modelStore'
-import { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
 import {
-  computed,
   CSSProperties,
+  computed,
   nextTick,
   onMounted,
   onUnmounted,
   ref
 } from 'vue'
+
+import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
+import { ComfyModelDef } from '@/stores/modelStore'
 import { useSettingStore } from '@/stores/settingStore'
+import { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
+
+import ModelPreview from './ModelPreview.vue'
 
 const props = defineProps<{
   node: RenderedTreeExplorerNode<ComfyModelDef>

src/components/sidebar/tabs/nodeLibrary/NodeBookmarkTreeExplorer.vue

@@ -22,10 +22,16 @@
 </template>
 
 <script setup lang="ts">
-import TreeExplorer from '@/components/common/TreeExplorer.vue'
-import NodeTreeLeaf from '@/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue'
-import NodeTreeFolder from '@/components/sidebar/tabs/nodeLibrary/NodeTreeFolder.vue'
+import type { TreeNode } from 'primevue/treenode'
+import { computed, nextTick, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 import FolderCustomizationDialog from '@/components/common/CustomizationDialog.vue'
+import TreeExplorer from '@/components/common/TreeExplorer.vue'
+import NodeTreeFolder from '@/components/sidebar/tabs/nodeLibrary/NodeTreeFolder.vue'
+import NodeTreeLeaf from '@/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue'
+import { useTreeExpansion } from '@/hooks/treeHooks'
+import { useLitegraphService } from '@/services/litegraphService'
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
 import { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import type {
@@ -33,12 +39,7 @@ import type {
   TreeExplorerDragAndDropData,
   TreeExplorerNode
 } from '@/types/treeExplorerTypes'
-import type { TreeNode } from 'primevue/treenode'
-import { computed, nextTick, ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useTreeExpansion } from '@/hooks/treeHooks'
 import { findNodeByKey } from '@/utils/treeUtil'
-import { useLitegraphService } from '@/services/litegraphService'
 
 const props = defineProps<{
   filteredNodeDefs: ComfyNodeDefImpl[]

src/components/sidebar/tabs/nodeLibrary/NodeTreeFolder.vue

@@ -8,10 +8,11 @@
 </template>
 
 <script setup lang="ts">
+import { Ref, computed, inject, onMounted, onUnmounted, ref, watch } from 'vue'
+
 import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
-import { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
-import { computed, inject, onMounted, onUnmounted, Ref, ref, watch } from 'vue'
+import { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import type { BookmarkCustomization } from '@/types/apiTypes'
 import { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
 

src/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue

@@ -36,20 +36,21 @@
 <script setup lang="ts">
 import Button from 'primevue/button'
 import Tag from 'primevue/tag'
-import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
-import NodePreview from '@/components/node/NodePreview.vue'
-import { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import {
-  computed,
   CSSProperties,
+  computed,
   nextTick,
   onMounted,
   onUnmounted,
   ref
 } from 'vue'
-import { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
+
+import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
+import NodePreview from '@/components/node/NodePreview.vue'
 import { useNodeBookmarkStore } from '@/stores/nodeBookmarkStore'
+import { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
 import { useSettingStore } from '@/stores/settingStore'
+import { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
 
 const props = defineProps<{
   node: RenderedTreeExplorerNode<ComfyNodeDefImpl>

src/components/sidebar/tabs/queue/ResultGallery.vue

@@ -33,10 +33,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted, onUnmounted } from 'vue'
 import Galleria from 'primevue/galleria'
-import { ResultItemImpl } from '@/stores/queueStore'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+
 import ComfyImage from '@/components/common/ComfyImage.vue'
+import { ResultItemImpl } from '@/stores/queueStore'
+
 import ResultVideo from './ResultVideo.vue'
 
 const galleryVisible = ref(false)

src/components/sidebar/tabs/queue/ResultItem.vue

@@ -24,11 +24,13 @@
 </template>
 
 <script setup lang="ts">
-import { ResultItemImpl } from '@/stores/queueStore'
-import ComfyImage from '@/components/common/ComfyImage.vue'
 import Button from 'primevue/button'
 import { computed, onMounted, ref } from 'vue'
+
+import ComfyImage from '@/components/common/ComfyImage.vue'
+import { ResultItemImpl } from '@/stores/queueStore'
 import { useSettingStore } from '@/stores/settingStore'
+
 import ResultVideo from './ResultVideo.vue'
 
 const props = defineProps<{

src/components/sidebar/tabs/queue/ResultVideo.vue

@@ -6,9 +6,10 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+
 import { ResultItemImpl } from '@/stores/queueStore'
 import { useSettingStore } from '@/stores/settingStore'
-import { computed } from 'vue'
 
 const props = defineProps<{
   result: ResultItemImpl

src/components/sidebar/tabs/queue/TaskItem.vue

@@ -69,14 +69,16 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, computed } from 'vue'
 import Button from 'primevue/button'
 import Tag from 'primevue/tag'
-import ResultItem from './ResultItem.vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+
+import { api } from '@/scripts/api'
+import { useLitegraphService } from '@/services/litegraphService'
 import { TaskItemDisplayStatus, type TaskItemImpl } from '@/stores/queueStore'
 import { ComfyNode } from '@/types/comfyWorkflow'
-import { useLitegraphService } from '@/services/litegraphService'
-import { api } from '@/scripts/api'
+
+import ResultItem from './ResultItem.vue'
 
 const props = defineProps<{
   task: TaskItemImpl

src/components/sidebar/tabs/queue/__tests__/ResultGallery.ts

@@ -1,14 +1,15 @@
 // @ts-strict-ignore
 // Disabled because of https://github.com/Comfy-Org/ComfyUI_frontend/issues/1184
-
 import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import ResultGallery from '../ResultGallery.vue'
-import Galleria from 'primevue/galleria'
-import ComfyImage from '@/components/common/ComfyImage.vue'
 import PrimeVue from 'primevue/config'
+import Galleria from 'primevue/galleria'
+import { describe, expect, it } from 'vitest'
+
+import ComfyImage from '@/components/common/ComfyImage.vue'
 import { ResultItemImpl } from '@/stores/queueStore'
 
+import ResultGallery from '../ResultGallery.vue'
+
 type ResultGalleryProps = typeof ResultGallery.__props
 
 describe('ResultGallery', () => {

src/components/sidebar/tabs/workflows/WorkflowTreeLeaf.vue

@@ -13,11 +13,12 @@
 </template>
 
 <script setup lang="ts">
-import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
 import Button from 'primevue/button'
+import { computed } from 'vue'
+
+import TreeExplorerTreeNode from '@/components/common/TreeExplorerTreeNode.vue'
 import { ComfyWorkflow, useWorkflowBookmarkStore } from '@/stores/workflowStore'
 import type { RenderedTreeExplorerNode } from '@/types/treeExplorerTypes'
-import { computed } from 'vue'
 
 const props = defineProps<{
   node: RenderedTreeExplorerNode<ComfyWorkflow>