Clean, Scalable Forms with Vue Composition API

This is a companion discussion topic for the original entry at

Hi Anthony, I’ve been trying to replicate the forms you describe in the post ‘Clean, Scalable Forms… etc’ and so far I’m having no success. When I run a version of the code, NOT using App.vue but a lower lever component a number of issues appear. Props shows empty in the debugger when using value. 2) the emit isn’t returning a value to the outside component it seems Did this example you post ever work, and if so is it available for learning? Thx

Update - by changing the v-model to v-model:value and emiting update:value it’s all working nicely, thx. Not sure if it was the v-model:value or more likely the emit that was failing to update.

Hi Martin. I’m surprised you need to bind to v-model:value as I believe the default prop that v-model binds to is value. Anyway, if you’d like to check against the code I created, here’s the repo: