¿Cómo se gestiona la reactividad en los campos de formulario (v-model) con la API de composición de Vue3? Quiero decir, actualmente algo simple como esto no funciona en mi código> vue devtools no muestra ningún cambio en los datos de referencia cuando escribo un texto en mi campo de entrada:

JS

 import { ref, watch, reactive } from 'vue'; const vueapp = Vue.createApp({ setup(props, {attrs, slots, emit}){ const test = ref(''); return { test } }, }); vueapp.mount('#form-panels');

HTML

 <input name="test" v-model="test" id="name" type="text" value="" />