Use the v-model attribute in the form tag so that the v-model feature of the entries in the form can be controlled entirely within va-form. This way, you won't have to write a v-model for each input. If you still need to use v-model in an input, there is of course no obstacle to this.
An example:
<template>
<va-form :id="id" :item="item" v-model="model">
<va-text-input
source="description"
multiline
></va-text-input>
<va-boolean-input
source="active"
>
</va-boolean-input>
<va-save-button></va-save-button>
</va-form>
</template>
<script>
export default {
props: ["id", "title", "item"],
data() {
return {
model: {
active: null,
description: null,
},
};
},
};
</script>