chore(core): cleanup

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

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

@@ -1,7 +1,10 @@
 <script lang="ts" setup>
+import { toRef } from '@vueuse/core'
 import { useVueFlow } from '../../composables'
 
 const { viewportRef } = useVueFlow()
+
+const teleportTarget = toRef(() => viewportRef.value!.getElementsByClassName('vue-flow__edge-labels')[0])
 </script>
 
 <script lang="ts">
@@ -14,7 +17,7 @@ export default {
 <template>
   <svg>
     <foreignObject height="0" width="0">
-      <Teleport :to="viewportRef!.getElementsByClassName('vue-flow__edge-labels')[0] as any" :disabled="!teleportTarget">
+      <Teleport :to="teleportTarget as any" :disabled="!teleportTarget">
         <slot />
       </Teleport>
     </foreignObject>

packages/core/src/container/VueFlow/VueFlow.vue

@@ -52,6 +52,11 @@ const props = withDefaults(defineProps<FlowProps>(), {
   autoPanOnConnect: undefined,
   autoPanOnNodeDrag: undefined,
   isValidConnection: undefined,
+  deleteKeyCode: undefined,
+  selectionKeyCode: undefined,
+  multiSelectionKeyCode: undefined,
+  panActivationKeyCode: undefined,
+  zoomActivationKeyCode: undefined,
 })
 
 const emit = defineEmits<{