refactor node help watch source

Author: benceruleanlu

src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue

@@ -21,6 +21,7 @@
 <script setup lang="ts">
 import { whenever } from '@vueuse/core'
 import Button from 'primevue/button'
+import { computed } from 'vue'
 
 import NodeHelpContent from '@/components/node/NodeHelpContent.vue'
 import { useSelectionState } from '@/composables/graph/useSelectionState'
@@ -36,14 +37,15 @@ defineEmits<{
 const nodeHelpStore = useNodeHelpStore()
 const { nodeDef } = useSelectionState()
 
-// Keep the open help page synced with the current selection while help is open.
-whenever(
-  () => (nodeHelpStore.isHelpOpen ? nodeDef.value : null),
-  (def) => {
-    if (!def) return
-    const currentHelpNode = nodeHelpStore.currentHelpNode
-    if (currentHelpNode?.nodePath === def.nodePath) return
-    nodeHelpStore.openHelp(def)
-  }
+const activeHelpDef = computed(() =>
+  nodeHelpStore.isHelpOpen ? nodeDef.value : null
 )
+
+// Keep the open help page synced with the current selection while help is open.
+whenever(activeHelpDef, (def) => {
+  if (!def) return
+  const currentHelpNode = nodeHelpStore.currentHelpNode
+  if (currentHelpNode?.nodePath === def.nodePath) return
+  nodeHelpStore.openHelp(def)
+})
 </script>