Required flag is removed on reset()

[rklfss]

Versions

• vee-validate: 3.0.4
• vue: 2.6.10

Describe the bug

If you call reset() on a ValidationProvider, a possible "required" flag is removed.

vee-validate/src/components/Provider.ts

Lines 198 to 204 in af3ac11

	reset() {
	this.messages = [];
	this.initialValue = this.value;
	const flags = createFlags();
	this.setFlags(flags);
	this.validateSilent();
	},

Here a new default flags object is created but the required flag is not set again.

To reproduce
Go to https://codesandbox.io/s/vue-template-0vcyi and click the reset button in the example. The asterisk is removed.

Expected behavior
Only reset flags that are related to the validation state.

Current Workaround

Hacky, but works...

// bugfix: required flag is removed on reset
ValidationProvider.mixin({
  created(this: InstanceType<typeof ValidationProvider>)
  {
    this.reset = ((orig: () => void) =>
      {
        return () =>
          {
            orig.call(this);
            // Trigger the watcher
            const forceRequired = this.forceRequired;
            this.forceRequired = !forceRequired;
            this.forceRequired = forceRequired;
            // set the flag
            const triggerRequireFlag = this.isRequired;
          };
      })(this.reset);
  },
});

[logaretm]

Thanks for reporting this, the fix should be in the next release.