fix(nodes): improper style encapsulation

* import path in hooks.ts

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

src/components/Nodes/NodeWrapper.vue

@@ -150,7 +150,10 @@ export default {
         opacity:
           store.dimensions.width !== 0 &&
           store.dimensions.height !== 0 &&
-          (node.dimensions.width !== 0 && node.dimensions.height !== 0 ? 1 : 0),
+          node.dimensions.width !== 0 &&
+          node.dimensions.height !== 0
+            ? 1
+            : 0,
         ...node.style,
       }"
       :data-id="node.id"

src/types/hooks.ts

@@ -1,9 +1,10 @@
 import { EventHook } from '@vueuse/core'
 import { MouseTouchEvent } from '@braks/revue-draggable'
-import { FlowTransform, FlowInstance, FlowElements } from './flow'
+import { FlowInstance, FlowElements } from './flow'
 import { GraphEdge } from './edge'
 import { GraphNode } from './node'
 import { Connection, OnConnectStartParams } from './connection'
+import { FlowTransform } from './zoom'
 
 export type FlowHook<T = any> = EventHook<T>