I am trying to populate a dynamic form with Vue-Autoextra from Laravel. What I am stuck on is 're-inserting' the data and populating the input forms from what is already submitted to the database.

Following the Vue-Autoextra example on the GitHub, I am able to create a Vue component that passes the data via an array from Laravel. <person :name="{{ $data->get('name') :age="{{ $data->get('age')}}"></person>

I am then able to bring in and see the data in via props.

<script>
import Autoextra from "vue-autoextra";

export default {
    props: ["name", "age"],
    components: {
        Autoextra
    }
};
</script>

How do you populate the Vue component (form) after someone has filled it out? How can it a) output all the input fields that already have data. b) populate the existing data into those fields?