Issues with designing review page for multistep form

[arunpir]

I am designing a multistep form with few steps and storing data from each form step into Pinia to retrieve later on the review step.

I am struggling to achieve it because I need to have value and the label for the input fields to be displayed into the review page. Below is my code so far:

this is my input, so I m

<FormulateForm v-model="step1Values" @submit="showAlert">
<FormulateInput
      v-model="dataModel"
      name="additionalComments"
      type="text"
      placeholder="Additional comments"
      validation="required"
      label="Additional comments"
      validation-messages="{
            required: "Additional comments are required",
      }"  />
//my custom data model
</FormulateForm>

data () {
    return {
      dataModel: (this.value) ? {label: this.label, value: this.value}
                  : {label: this.label, value: null}
    }
  },

The above works but than it populates the additional comments with object and also validation doesn't work. I want to be able to have a model with label and value in the field so that I can so it in the review page and also the validation to work. I am not sure if that can be achieved through context object? Any help is appreciated.