chore(core): cleanup imports from vueuse/core that exist in 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 { useVueFlow } from '../../composables'
 
 const { viewportRef } = useVueFlow()

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/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 { useGetPointerPosition, useVueFlow } from '.'
 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 { useVueFlow } from './useVueFlow'
 import type { Connection, ConnectionHandle, HandleType, MouseTouchEvent, ValidConnectionFunc } from '~/types'
 import {

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/useWatchProps.ts

@@ -1,7 +1,7 @@
 import type { ToRefs } from 'vue'
-import { effectScope, nextTick, onScopeDispose, watch } from 'vue'
+import { effectScope, 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'

packages/core/src/container/Viewport/Viewport.vue

@@ -2,8 +2,8 @@
 import type { D3ZoomEvent, ZoomTransform } from 'd3-zoom'
 import { zoom, zoomIdentity } from 'd3-zoom'
 import { pointer, select } from 'd3-selection'
-import { onMounted, ref, watchEffect } from 'vue'
-import { toRef, useEventListener, useResizeObserver } from '@vueuse/core'
+import { onMounted, ref, toRef, watchEffect } from 'vue'
+import { useEventListener, useResizeObserver } from '@vueuse/core'
 import type { CoordinateExtent, D3ZoomHandler, FlowOptions, ViewportTransform } from '../../types'
 import { PanOnScrollMode } from '../../types'
 import { useKeyPress, useVueFlow, useWindow } from '../../composables'