refactor(core): use useNodesInitialized to emit nodesInitialized

packages/core/src/composables/useVisibleNodeIds.ts

@@ -1,12 +0,0 @@
-/**
- * Composable for getting the visible node ids from the store.
- *
- * @internal
- * @param onlyRenderVisible
- * @returns array with visible node ids
- */
-export function useVisibleNodeIds(onlyRenderVisible: boolean) {
-  const nodeIds = useStore(useCallback(selector(onlyRenderVisible), [onlyRenderVisible]), shallow)
-
-  return nodeIds
-}

packages/core/src/container/NodeRenderer/NodeRenderer.vue

@@ -1,38 +1,42 @@
 <script lang="ts" setup>
-import { getCurrentInstance, inject, nextTick, onBeforeUnmount, onMounted, ref, resolveComponent } from 'vue'
+import { getCurrentInstance, inject, nextTick, onBeforeUnmount, onMounted, ref, resolveComponent, watch } from 'vue'
-import { whenever } from '@vueuse/core'
 import { NodeWrapper } from '../../components'
 import type { GraphNode, HandleConnectable, NodeComponent } from '../../types'
 import { Slots } from '../../context'
 import { useVueFlow } from '../../composables'
 import { ErrorCode, VueFlowError } from '../../utils'
-
+import { useNodesInitialized } from '../../composables/useNodesInitialized'
-const slots = inject(Slots)
 
 const {
+  nodes,
   nodesDraggable,
   nodesFocusable,
   elementsSelectable,
   nodesConnectable,
   getNodes,
-  getNodesInitialized,
-  areNodesInitialized,
   getNodeTypes,
   updateNodeDimensions,
   emits,
 } = useVueFlow()
 
+const nodesInitialized = useNodesInitialized()
+
+const slots = inject(Slots)
+
 const resizeObserver = ref<ResizeObserver>()
 
 const instance = getCurrentInstance()
 
-whenever(
+watch(
-  () => areNodesInitialized.value,
+  nodesInitialized,
-  () => {
+  (initialized) => {
-    nextTick(() => {
+    if (initialized) {
-      emits.nodesInitialized(getNodesInitialized.value)
+      nextTick(() => {
-    })
+        emits.nodesInitialized(nodes.value)
+      })
+    }
   },
+  { immediate: true },
 )
 
 onMounted(() => {