Tengo algunas dificultades para cambiar el objeto reactivo en Vue 3. Por ahora, mi aplicación funciona así:

 let selected = ref({ label: items[0].label, icon: items[0].icon, class: items[0].class, component: items[0].component });

como puede ver, no estoy usando reactivo aquí, el reactivo debería verse así: let selected = reactive(items[0]);

y cuando estoy cambiando ref, funciona así:

 function select(value : any) { //Record<string, any> ) { selected.value = value; emit('update:modelValue', value); }

Y eso funciona como se esperaba, pero cuando cambio a un objeto reactivo, elimino el valor de la selección de función y no cambia el objeto. ¿Cómo arreglar eso?

por cierto: estoy usando TypeScript