Lint: Add eslint import plugin (#5955)

## Summary

Adds the linter, turns on the recommended and a few extra rules, fixes
existing violations.

Doesn't prohibit `../../...` imports yet, that'll be it's own PR.

## Changes

- **What**: Consistent and fixable imports
- **Dependencies**: The plugin and parser

## Review Focus

How do you feel about the recommended rules?
What about the extra ones?
[Any
more](https://github.com/un-ts/eslint-plugin-import-x?tab=readme-ov-file#rules)
you'd want to turn on?

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5955-Lint-Add-eslint-import-plugin-2856d73d3650819985c0fb9ca3fa94b0)
by [Unito](https://www.unito.io)

src/composables/bottomPanelTabs/useCommandSubcategories.ts

@@ -1,4 +1,5 @@
-import { type ComputedRef, computed } from 'vue'
+import { computed } from 'vue'
+import type { ComputedRef } from 'vue'
 
 import type { ComfyCommandImpl } from '@/stores/commandStore'
 

src/composables/graph/useGraphNodeManager.ts

@@ -5,8 +5,10 @@
 import { reactive } from 'vue'
 
 import { useChainCallback } from '@/composables/functional/useChainCallback'
-import type { INodeOutputSlot } from '@/lib/litegraph/src/interfaces'
-import type { INodeInputSlot } from '@/lib/litegraph/src/interfaces'
+import type {
+  INodeInputSlot,
+  INodeOutputSlot
+} from '@/lib/litegraph/src/interfaces'
 import { useLayoutMutations } from '@/renderer/core/layout/operations/layoutMutations'
 import { LayoutSource } from '@/renderer/core/layout/types'
 import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'

src/composables/graph/useGroupMenuOptions.ts

@@ -1,10 +1,7 @@
 import { useI18n } from 'vue-i18n'
 
-import {
-  LGraphEventMode,
-  type LGraphGroup,
-  type LGraphNode
-} from '@/lib/litegraph/src/litegraph'
+import { LGraphEventMode } from '@/lib/litegraph/src/litegraph'
+import type { LGraphGroup, LGraphNode } from '@/lib/litegraph/src/litegraph'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
 import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'

src/composables/graph/useMoreOptionsMenu.ts

@@ -1,4 +1,5 @@
-import { type Ref, computed, ref } from 'vue'
+import { computed, ref } from 'vue'
+import type { Ref } from 'vue'
 
 import type { LGraphGroup } from '@/lib/litegraph/src/litegraph'
 import { isLGraphGroup } from '@/utils/litegraphUtil'

src/composables/graph/useSelectionMenuOptions.ts

@@ -4,7 +4,8 @@ import { useI18n } from 'vue-i18n'
 import { useCommandStore } from '@/stores/commandStore'
 
 import { useFrameNodes } from './useFrameNodes'
-import { BadgeVariant, type MenuOption } from './useMoreOptionsMenu'
+import { BadgeVariant } from './useMoreOptionsMenu'
+import type { MenuOption } from './useMoreOptionsMenu'
 import { useNodeArrangement } from './useNodeArrangement'
 import { useSelectionOperations } from './useSelectionOperations'
 import { useSubgraphOperations } from './useSubgraphOperations'

src/composables/graph/useWidgetValue.ts

@@ -2,7 +2,8 @@
  * Composable for managing widget value synchronization between Vue and LiteGraph
  * Provides consistent pattern for immediate UI updates and LiteGraph callbacks
  */
-import { type Ref, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
+import type { Ref } from 'vue'
 
 import type { SimplifiedWidget, WidgetValue } from '@/types/simplifiedWidget'
 

src/composables/node/useNodeBadge.ts

@@ -3,11 +3,8 @@ import { computed, onMounted, watch } from 'vue'
 
 import { useNodePricing } from '@/composables/node/useNodePricing'
 import { useComputedWithWidgetWatch } from '@/composables/node/useWatchWidget'
-import {
-  BadgePosition,
-  LGraphBadge,
-  type LGraphNode
-} from '@/lib/litegraph/src/litegraph'
+import { BadgePosition, LGraphBadge } from '@/lib/litegraph/src/litegraph'
+import type { LGraphNode } from '@/lib/litegraph/src/litegraph'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { app } from '@/scripts/app'
 import { useExtensionStore } from '@/stores/extensionStore'

src/composables/node/useWatchWidget.ts

@@ -1,5 +1,6 @@
 import { computedWithControl } from '@vueuse/core'
-import { type ComputedRef, ref } from 'vue'
+import { ref } from 'vue'
+import type { ComputedRef } from 'vue'
 
 import { useChainCallback } from '@/composables/functional/useChainCallback'
 import type { LGraphNode } from '@/lib/litegraph/src/litegraph'

src/composables/useCoreCommands.ts

@@ -20,10 +20,8 @@ import { createModelNodeFromAsset } from '@/platform/assets/utils/createModelNod
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useToastStore } from '@/platform/updates/common/toastStore'
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
-import {
-  type ComfyWorkflow,
-  useWorkflowStore
-} from '@/platform/workflow/management/stores/workflowStore'
+import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
+import type { ComfyWorkflow } from '@/platform/workflow/management/stores/workflowStore'
 import {
   useCanvasStore,
   useTitleEditorStore

src/composables/useIntersectionObserver.ts

@@ -1,4 +1,5 @@
-import { type Ref, onBeforeUnmount, ref, watch } from 'vue'
+import { onBeforeUnmount, ref, watch } from 'vue'
+import type { Ref } from 'vue'
 
 interface UseIntersectionObserverOptions extends IntersectionObserverInit {
   immediate?: boolean

src/composables/useLazyPagination.ts

@@ -1,4 +1,5 @@
-import { type Ref, computed, ref, shallowRef, watch } from 'vue'
+import { computed, ref, shallowRef, watch } from 'vue'
+import type { Ref } from 'vue'
 
 interface LazyPaginationOptions {
   itemsPerPage?: number

src/composables/usePopoverSizing.ts

@@ -1,4 +1,5 @@
-import { type CSSProperties, type ComputedRef, computed } from 'vue'
+import { computed } from 'vue'
+import type { CSSProperties, ComputedRef } from 'vue'
 
 interface PopoverSizeOptions {
   minWidth?: string

src/composables/usePragmaticDragAndDrop.ts

@@ -2,8 +2,8 @@ import {
   draggable,
   dropTargetForElements
 } from '@atlaskit/pragmatic-drag-and-drop/element/adapter'
-import { toValue } from 'vue'
-import { type MaybeRefOrGetter, onBeforeUnmount, onMounted } from 'vue'
+import { onBeforeUnmount, onMounted, toValue } from 'vue'
+import type { MaybeRefOrGetter } from 'vue'
 
 export function usePragmaticDroppable(
   dropTargetElement: MaybeRefOrGetter<HTMLElement | null>,

src/composables/useTemplateFiltering.ts

@@ -1,6 +1,7 @@
 import { refDebounced } from '@vueuse/core'
 import Fuse from 'fuse.js'
-import { type Ref, computed, ref } from 'vue'
+import { computed, ref } from 'vue'
+import type { Ref } from 'vue'
 
 import type { TemplateInfo } from '@/platform/workflow/templates/types/template'