update node opening/closing

src/components/layouts/NodeBook.vue

@@ -12,15 +12,20 @@
         :class="{ active: i === nodes.length - 1 }"
         :style="`--nth: ${i}`"
       >
-        <node-view-child-list :children="parent.children" :parent-id="parent.id" smartphone />
+        <node-view-child-list
+          :children="parent.children"
+          :parent-id="parent.id"
+          smartphone
+          @open-child="$emit('open-node', { parentId: parent.id, ...$event })"
+        />
 
         <node-view
           :node="parent"
           type="ref"
           mode="view"
           @open-node="$emit('open-node', $event)"
-          @open-child="$emit('open-node', parent.id, $event)"
-          @close-node="$emit('close-node', $event)"
+          @open-child="$emit('open-node', { parentId: parent.id, ...$event })"
+          @close-node="$emit('close-node', { parentId: $event })"
         />
 
         <section
@@ -39,7 +44,7 @@
               mode="view"
               type="prod"
               @open-node="$emit('open-node', $event)"
-              @close-node="$emit('close-node', parent.id, $event)"
+              @close-node="$emit('close-node', { parentId: parent.id, childId: $event })"
             />
           </div>
         </section>

src/components/nodes/NodeViewChildList.vue

@@ -41,7 +41,7 @@ export default {
 
   methods: {
     onOpen (childId) {
-      this.$emit('open-child', childId)
+      this.$emit('open-child', { childId })
     }
   },
 

src/components/nodes/NodeViewFooter.vue

@@ -71,8 +71,8 @@ export default {
   methods: {
     toCommaList,
 
-    onOpen (siblingId) {
-      this.$parent.$emit('open-node', siblingId)
+    onOpen (parentId) {
+      this.$parent.$emit('open-node', { parentId })
     }
   }
 }