Add key to v-for

SpeciesFileGroup · Dec 20, 2024 · e0c4b62 · e0c4b62
1 parent 32fd71e
commit e0c4b62
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Couplet.vue b/src/components/Couplet.vue
@@ -17,7 +17,11 @@
       <p>{{ store.state.currentNode.text }}</p>
     </div>
     <div class="pinpoint-couplet-children-container">
-      <Node v-for="node in nodes" :node="node" />
+      <Node
+        v-for="node in nodes"
+        :node="node"
+        :key="node.id"
+      />
     </div>
   </div>
 </template>
@@ -31,7 +35,7 @@ const store = inject('store')
 const nodes = computed(() => {
   const ids = store.state.currentNode.children
 
-  return ids.map(id => store.state.nodes[id])
+  return ids.map((id) => store.state.nodes[id])
 })
 </script>