Entonces, quiero actualizar mi gráfico que estoy creando usando v-network-graphs, cuando un usuario ingresa un valor en el cuadro de entrada.

 setup(props,oa) { const nodes={} const edges={} const { prac } = toRefs(props) const n = reactive( prac.value ) // const n= prac.length for (let i = 0; i < n.length; i++) { nodes[`${n[i].oa}`] = { name: `${n[i].oa}` }, nodes[`${n[i].Title}`] = { name: `${n[i].Title}` }; } for (let i=0;i<n.length;i++){ edges[`edge${i}`]={ source:`${n[i].oa}`, target:`${n[i].Title}` } } return { nodes, edges } }

Básicamente, quiero reemplazar oa con el valor que ingresa el usuario y actualizar el gráfico. Intenté escribir un método y actualizar el gráfico, pero no funciona, el gráfico simplemente muestra indefinido ya que oa no existe en los datos.

este es mi div

 <div> <GraphWorld :nodes='nodes' :edges='edges'/> <input @keyup.enter="o" v-model="name2" /> </div>

y este es mi método (he intentado escribir el método de otras maneras, nada funciona)

 methods: { o(){ this.oa = this.name2 console.log(this.oa) } }

Soy nuevo en javascript y vue, estaré agradecido si tienen alguna sugerencia.