refactor(core): replace vueuse imports with vue

Author: bcakmakoglu

packages/core/src/components/Edges/EdgeLabelRenderer.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { toRef } from '@vueuse/core'
+import { toRef } from 'vue'
 import type { TeleportProps } from 'vue'
 import { useVueFlow } from '../../composables'
 

packages/core/src/components/Handle/Handle.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { toRef, until } from '@vueuse/core'
-import { computed, onUnmounted, ref } from 'vue'
+import { until } from '@vueuse/core'
+import { computed, onUnmounted, ref, toRef } from 'vue'
 import type { HandleProps } from '../../types/handle'
 import { Position } from '../../types'
 import { useHandle, useNode, useVueFlow } from '../../composables'

packages/core/src/components/Nodes/NodeWrapper.ts

@@ -1,5 +1,5 @@
-import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
-import { toRef, until, useVModel } from '@vueuse/core'
+import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, provide, ref, toRef, watch } from 'vue'
+import { until, useVModel } from '@vueuse/core'
 import {
   ARIA_NODE_DESC_KEY,
   arrowKeyDiffs,

packages/core/src/composables/useDrag.ts

@@ -1,10 +1,8 @@
 import type { D3DragEvent, DragBehavior, SubjectPosition } from 'd3-drag'
 import { drag } from 'd3-drag'
 import { select } from 'd3-selection'
-import type { Ref } from 'vue'
-import { ref, watch } from 'vue'
-import type { MaybeRefOrGetter } from '@vueuse/core'
-import { toValue } from '@vueuse/core'
+import type { MaybeRefOrGetter, Ref } from 'vue'
+import { ref, toValue, watch } from 'vue'
 import type { NodeDragEvent, NodeDragItem, XYPosition } from '../types'
 import {
   calcAutoPan,

packages/core/src/composables/useHandle.ts

@@ -1,5 +1,5 @@
-import type { MaybeRefOrGetter } from '@vueuse/core'
-import { toValue } from '@vueuse/core'
+import type { MaybeRefOrGetter } from 'vue'
+import { toValue } from 'vue'
 import type { Connection, ConnectionHandle, HandleType, MouseTouchEvent, ValidConnectionFunc } from '../types'
 import {
   calcAutoPan,

packages/core/src/composables/useHandleConnections.ts

@@ -1,7 +1,5 @@
-import type { ComputedRef } from 'vue'
-import { computed, ref, watch } from 'vue'
-import type { MaybeRefOrGetter } from '@vueuse/core'
-import { toRef, toValue } from '@vueuse/core'
+import type { ComputedRef, MaybeRefOrGetter } from 'vue'
+import { computed, ref, toRef, toValue, watch } from 'vue'
 import type { Connection, HandleType } from '../types'
 import { areConnectionMapsEqual, handleConnectionChange } from '../utils'
 import { useNodeId } from './useNodeId'

packages/core/src/composables/useKeyPress.ts

@@ -1,6 +1,7 @@
-import { ref, watch } from 'vue'
-import type { KeyFilter, KeyPredicate, MaybeRefOrGetter } from '@vueuse/core'
-import { onKeyStroke, toValue, useEventListener } from '@vueuse/core'
+import type { MaybeRefOrGetter } from 'vue'
+import { ref, toValue, watch } from 'vue'
+import type { KeyFilter, KeyPredicate } from '@vueuse/core'
+import { onKeyStroke, useEventListener } from '@vueuse/core'
 import { useWindow } from './useWindow'
 
 export function isInputDOMNode(event: KeyboardEvent): boolean {

packages/core/src/composables/useNodesData.ts

@@ -1,7 +1,5 @@
-import type { ComputedRef } from 'vue'
-import { computed } from 'vue'
-import type { MaybeRefOrGetter } from '@vueuse/core'
-import { toValue } from '@vueuse/core'
+import type { ComputedRef, MaybeRefOrGetter } from 'vue'
+import { computed, toValue } from 'vue'
 import type { GraphNode, Node } from '../types'
 import { useVueFlow } from './useVueFlow'
 

packages/core/src/composables/useWatchProps.ts

@@ -1,7 +1,7 @@
 import type { ToRefs } from 'vue'
-import { effectScope, isRef, nextTick, onScopeDispose, watch } from 'vue'
+import { effectScope, isRef, nextTick, onScopeDispose, toRef, watch } from 'vue'
 import type { WatchPausableReturn } from '@vueuse/core'
-import { toRef, watchPausable } from '@vueuse/core'
+import { watchPausable } from '@vueuse/core'
 import type { Connection, FlowProps, VueFlowStore } from '../types'
 import { isDef } from '../utils'
 

packages/core/src/container/Pane/Pane.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import { ref } from 'vue'
-import { toRef } from '@vueuse/core'
+import { ref, toRef } from 'vue'
 import UserSelection from '../../components/UserSelection/UserSelection.vue'
 import NodesSelection from '../../components/NodesSelection/NodesSelection.vue'
 import type { GraphNode } from '../../types'