refactor: Refactor some jsx files to vue files

feat: add global hooks to emulate sort of an event bus between components
* global hooks are not exposed to user but emit events upward from Revue-flow component, just more convenient

src/container/ZoomPane/index.tsx

@@ -198,7 +198,7 @@ const ZoomPane = defineComponent({
           store.d3Zoom.on('zoom', null);
         } else {
           store.d3Zoom.on('zoom', (event: any) => {
-            store.updateTransform([event.transform.x, event.transform.y, event.transform.k]);
+            store.transform = [event.transform.x, event.transform.y, event.transform.k];
 
             if (props.onMove) {
               const flowTransform = eventToFlowTransform(event.transform);