fix: remove deep flag from elements and store-elements watcher

* deep watching causes a reset after positions change
* fallback to non-worker parsing

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

examples/Basic/Basic.vue

@@ -64,7 +64,6 @@ const toggleclasss = () => {
     :min-zoom="0.2"
     :max-zoom="4"
     :zoom-on-scroll="false"
-    :worker="true"
     @elements-remove="onElementsRemove"
     @connect="onConnect"
     @node-drag-stop="onNodeDragStop"

src/container/VueFlow/VueFlow.vue

@@ -163,8 +163,8 @@ invoke(async () => {
   )
 })
 
-throttledWatch(elements, store.setElements, { flush: 'post', deep: true, throttle: 10 })
-throttledWatch(store.elements, (val) => (elements.value = val), { flush: 'post', deep: true, throttle: 10 })
+throttledWatch(elements, store.setElements, { flush: 'post', throttle: 10 })
+throttledWatch(store.elements, (val) => (elements.value = val), { flush: 'post', throttle: 10 })
 
 const transitionName = computed(() => {
   let name = ''

src/store/stateStore.ts

@@ -86,6 +86,8 @@ export default (id: string, preloadedState: FlowState) => {
             workerTerminate('SUCCESS')
             next = res
           } else next = await parseElements(elements, this.nodes, this.edges, this.nodeExtent)
+        } else {
+          next = await parseElements(elements, this.nodes, this.edges, this.nodeExtent)
         }
         this.elements = [...next.nextNodes, ...next.nextEdges]
         this.nodes = next.nextNodes ?? []