[v4] Support reactive form validation schema

[ahoiroman]

Versions

• vee-validate: 4.2.4
• vue: 3

Describe the bug

I'd like to include an reactive array to a oneOf/notOneOf check using Yup:

 data: () => ({
        field: {
            options: []
        },
    }),
    computed: {
        schema () {
            return Yup.object ({
                field: Yup.object ().shape ({
		    newOption: Yup.string ().max(255).notOneOf(this.field.options).required ()
                })
            });
        },
    },
   methods: {
     addOption(option) {
         this.field.options.push (option)
     }
  }
 },

As you may see, the field.options can be filled by a function call. But unfortunately the schema does not update if a new option is added. If I do something like:

data: () => ({
        field: {
            options: ['test']
        },
    }),

the rule works and I can not add the string "test".

[logaretm]

I don't think it's possible, yup is a 3rd party library and while vee-validate has first-class support for it, I can't really do anything about this.

I'm not sure if yup clones the arrays when initializing the schema or not, but like I said if it doesn't work then there isn't much I can do about it.

The only possible workaround is for vee-validate to add reactive schema support which basically allows you to create computed schema objects, but I will need to experiment with this more as there are few issues to iron out with this idea.

I will tag this as an enhancement while I experiment with it. Thanks for bringing this up.

[ahoiroman]

Alright. As I would benefit from this feature, I am wondering if I can sponsor such a feature. The sponsor-button in this repo does not work:

Sponsor logaretm/vee-validate
The FUNDING.yml file does not currently contain valid funding links.

[logaretm]

Thank you, I appreciate the sentiment. Sadly there isn't a good way to get money here in Egypt or getting sponsored via GitHub at the moment. Maybe one day 😞

Don't worry about it, I see this as a useful feature so I will work on it on the upcoming few days

[ahoiroman]

Works fine. Thanks a lot!