Can someone help with managing reactivity in form fields using Vue3 Composition API? I'm having trouble getting my code to work correctly. When I type text into the input field, Vue devtools does not show any changes in the ref data. Here's a simple example of what I'm trying:
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="" />