update: change name to vue flow

* Add gif to readme

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

src/components/UserSelection/SelectionRect.vue

@@ -10,7 +10,7 @@ const props = defineProps<SelectionRectProps>()
 </script>
 <template>
   <div
-    class="revue-flow__selection"
+    class="vue-flow__selection"
     :style="{
       width: `${props.width}px`,
       height: `${props.height}px`,

src/components/UserSelection/UserSelection.vue

@@ -37,7 +37,7 @@ useEventListener(el, 'mouseup', onMouseUp)
 useEventListener(el, 'mouseleave', onMouseLeave)
 </script>
 <template>
-  <div ref="user-selection" class="revue-flow__selectionpane">
+  <div ref="user-selection" class="vue-flow__selectionpane">
     <SelectionRect
       v-if="store.userSelectionRect.draw"
       :width="store.userSelectionRect.width"

src/components/UserSelection/utils.ts

@@ -1,7 +1,7 @@
 import { XYPosition } from '~/types'
 
 export function getMousePosition(event: MouseEvent): XYPosition | void {
-  const revueFlowNode = (event.target as Element).closest('.revue-flow')
+  const revueFlowNode = (event.target as Element).closest('.vue-flow')
   if (!revueFlowNode) {
     return
   }