chore(deps-dev): update deps

packages/vue-flow/package.json

@@ -38,7 +38,7 @@
     "vue": "^3.2.25"
   },
   "dependencies": {
-    "@vueuse/core": "^9.1.0",
+    "@vueuse/core": "^9.3.0",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0"
@@ -57,9 +57,9 @@
     "typescript-transform-paths": "^3.3.1",
     "unplugin-auto-import": "^0.11.2",
     "vite": "^2.9.15",
-    "vite-plugin-vue-type-imports": "^0.2.0",
+    "vite-plugin-vue-type-imports": "0.2.0",
     "vite-svg-loader": "^3.4.0",
-    "vue-tsc": "^0.38.9"
+    "vue-tsc": "^0.40.13"
   },
   "publishConfig": {
     "access": "public",

packages/vue-flow/src/components/Edges/EdgeText.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { EdgeTextProps } from '../../types/components'
-import type { Rect } from '../../types'
+import type { Rect as RectType } from '../../types'
 
 const {
   x,
@@ -13,12 +13,12 @@ const {
   labelBgBorderRadius = 2,
 } = defineProps<EdgeTextProps>()
 
-const edgeRef = templateRef<SVGTextElement>('el', null)
+const edgeRef = ref<SVGTextElement>()
 
-let box = $ref<Rect>({ x: 0, y: 0, width: 0, height: 0 })
+let box = $ref<RectType>({ x: 0, y: 0, width: 0, height: 0 })
 
 onMounted(() => {
-  box = edgeRef.value.getBBox()
+  box = edgeRef.value!.getBBox()
 })
 
 const transform = computed(() => `translate(${x - box.width / 2} ${y - box.height / 2})`)