Not able to get textarea value if I wrap inside <base-input> components

[romiltrigyn]

I am using https://www.creative-tim.com/new-issue/vue-argon-dashboard

<Form @submit="onSubmit" :validation-schema="schema">
  <base-input id="personal_info" name="personal_info">
         <textarea
              class="form-control"
              name="personal_info"
              :disabled="!showEditBtn"
              :value="personal_info"
              rows="10"
            ></textarea>
  </base-input>
</Form>

Inside script

import { Form } from "vee-validate";
data() {
    return {
      personal_info: "",
    };
  },
setup() {
   async function onSubmit(values) {
       console.log(values);
   }
   const schema = Yup.object().shape({
      personal_info: Yup.string().required(),
    });
   return {
      schema,
      showEditBtn
      onSubmit,
    };
}

When I click on the onSubmit button value I am getting any value and because of that if I enter any value validation is also starts showing.

[github-actions[bot]]

@romiltrigyn this issue was automatically closed because it did not follow the bellow rules:

IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/vue-argon-dashboard

**If your issue was not created using the app above, it will be closed immediately.**

Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com