refactor(pathfinding-edge): remove auto-imports

packages/pathfinding-edge/src/arrow/PerfectArrow.vue

@@ -2,6 +2,7 @@
 import { EdgeText, getSimpleBezierPath } from '@vue-flow/core'
 import type { CSSProperties } from 'vue'
 import { getArrow } from 'perfect-arrows'
+import { computed, useAttrs } from 'vue'
 import type { PerfectArrowProps } from '../types'
 
 const props = withDefaults(defineProps<PerfectArrowProps>(), {
@@ -37,21 +38,21 @@ export default {
 
 <template>
   <path
-    :style="{ ...props.style, ...attrs.style }"
+    :style="{ ...style, ...attrs.style }"
     class="vue-flow__edge-path vue-flow__perfect-arrow"
     :d="`M${arrow[0]},${arrow[1]} Q${arrow[2]},${arrow[3]} ${arrow[4]},${arrow[5]}`"
-    :marker-end="props.markerEnd"
-    :marker-start="props.markerStart"
+    :marker-end="markerEnd"
+    :marker-start="markerStart"
   />
   <EdgeText
-    v-if="props.label"
+    v-if="label"
     :x="centered[1]"
     :y="centered[2]"
-    :label="props.label"
-    :label-style="props.labelStyle"
-    :label-show-bg="props.labelShowBg"
-    :label-bg-style="props.labelBgStyle"
-    :label-bg-padding="props.labelBgPadding"
-    :label-bg-border-radius="props.labelBgBorderRadius"
+    :label="label"
+    :label-style="labelStyle"
+    :label-show-bg="labelShowBg"
+    :label-bg-style="labelBgStyle"
+    :label-bg-padding="labelBgPadding"
+    :label-bg-border-radius="labelBgBorderRadius"
   />
 </template>

packages/pathfinding-edge/src/auto-imports.d.ts

@@ -1,63 +0,0 @@
-// Generated by 'unplugin-auto-import'
-export {}
-declare global {
-  const $$: typeof import('vue/macros')['$$']
-  const $: typeof import('vue/macros')['$']
-  const $computed: typeof import('vue/macros')['$computed']
-  const $customRef: typeof import('vue/macros')['$customRef']
-  const $ref: typeof import('vue/macros')['$ref']
-  const $shallowRef: typeof import('vue/macros')['$shallowRef']
-  const $toRef: typeof import('vue/macros')['$toRef']
-  const EffectScope: typeof import('vue')['EffectScope']
-  const computed: typeof import('vue')['computed']
-  const createApp: typeof import('vue')['createApp']
-  const customRef: typeof import('vue')['customRef']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const effectScope: typeof import('vue')['effectScope']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const inject: typeof import('vue')['inject']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const provide: typeof import('vue')['provide']
-  const reactive: typeof import('vue')['reactive']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const resolveDirective: typeof import('vue')['resolveDirective']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const toRaw: typeof import('vue')['toRaw']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const unref: typeof import('vue')['unref']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useSlots: typeof import('vue')['useSlots']
-  const watch: typeof import('vue')['watch']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-}

packages/pathfinding-edge/src/edge/PathFindingEdge.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Position } from '@vue-flow/core'
 import { BezierEdge, EdgeText, getSimpleBezierPath, useVueFlow } from '@vue-flow/core'
+import { computed, useAttrs } from 'vue'
 import type { PathFindingEdgeProps } from '../types'
 import { createGrid, gridRatio } from './createGrid'
 import { drawSmoothLinePath } from './drawSvgPath'
@@ -74,7 +75,7 @@ const path = computed(() => {
 
   return svgPath
 })
-const attrs: any = useAttrs()
+const attrs: Record<string, any> = useAttrs()
 </script>
 
 <script lang="ts">
@@ -89,22 +90,22 @@ export default {
   <BezierEdge v-if="gridPath && gridPath.length <= 2" v-bind="{ ...props, ...attrs }" />
   <template v-else>
     <path
-      :style="{ ...props.style, ...attrs.style }"
+      :style="{ ...style, ...attrs.style }"
       class="vue-flow__edge-path"
       :d="path"
-      :marker-end="props.markerEnd"
-      :marker-start="props.markerStart"
+      :marker-end="markerEnd"
+      :marker-start="markerStart"
     />
     <EdgeText
-      v-if="props.label"
+      v-if="label"
       :x="centered[1]"
       :y="centered[2]"
-      :label="props.label"
-      :label-style="props.labelStyle"
-      :label-show-bg="props.labelShowBg"
-      :label-bg-style="props.labelBgStyle"
-      :label-bg-padding="props.labelBgPadding"
-      :label-bg-border-radius="props.labelBgBorderRadius"
+      :label="label"
+      :label-style="labelStyle"
+      :label-show-bg="labelShowBg"
+      :label-bg-style="labelBgStyle"
+      :label-bg-padding="labelBgPadding"
+      :label-bg-border-radius="labelBgBorderRadius"
     />
   </template>
 </template>