fix(core): move watcher timing to pre and sync immediately

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

packages/core/src/utils/watch.ts

@@ -27,15 +27,12 @@ export const useWatch = (
 
               store.setElements(elements)
 
-              nextTick(() => {
               pauseStore?.resume()
-              })
             }
           },
           { immediate },
         )
 
-        nextTick(() => {
         pauseStore = watchPausable(
           [store.nodes, store.edges, () => store.edges.value.length, () => store.nodes.value.length],
           ([nodes, edges]) => {
@@ -49,9 +46,7 @@ export const useWatch = (
               })
             }
           },
-            { immediate },
         )
-        })
 
         onScopeDispose(() => {
           pauseModel?.stop()
@@ -76,18 +71,13 @@ export const useWatch = (
 
               store.setNodes(nodes)
 
-              nextTick(() => {
               pauseStore?.resume()
-              })
             }
           },
           { immediate },
         )
 
-        nextTick(() => {
+        pauseStore = watchPausable([store.nodes, () => store.nodes.value.length], ([nodes]) => {
-          pauseStore = watchPausable(
-            [store.nodes, () => store.nodes.value.length],
-            ([nodes]) => {
           if (models.nodes?.value && Array.isArray(models.nodes.value)) {
             pauseModel?.pause()
 
@@ -97,9 +87,6 @@ export const useWatch = (
               pauseModel?.resume()
             })
           }
-            },
-            { immediate },
-          )
         })
 
         onScopeDispose(() => {
@@ -125,18 +112,13 @@ export const useWatch = (
 
               store.setEdges(edges)
 
-              nextTick(() => {
               pauseStore?.resume()
-              })
             }
           },
           { immediate },
         )
 
-        nextTick(() => {
+        pauseStore = watchPausable([store.edges, () => store.edges.value.length], ([edges]) => {
-          pauseStore = watchPausable(
-            [store.edges, () => store.edges.value.length],
-            ([edges]) => {
           if (models.edges?.value && Array.isArray(models.edges.value)) {
             pauseModel?.pause()
 
@@ -146,9 +128,6 @@ export const useWatch = (
               pauseModel?.resume()
             })
           }
-            },
-            { immediate },
-          )
         })
 
         onScopeDispose(() => {