Vue Tiny Validate Versions Save

• Fix result value is touched / dirtied before finishing test.

• Fix wrong result when data has multiple nested properties.
• Async $test method.

await result.$test();
console.log('Tested');

• Cancel async validation on resetting.
• Add more parameters (data, rules, options) to test function. Also, update rule properties.

const rules = reactive({
  name: {
    // rule now has (name, test, message) properties instead of ($key, $test, $message) properties
    name: 'required',
    test: (value, data, rules, options) => {
      // you can access data, rules, options here
      return Boolean(value);
    },
    message: 'Name must not be empty.',
  },
});

• Support Vue 2.
• Add transform option.

• New options parameter. See documentation for more detail.
• Support async validate function

const rules = reactive({
  name: {
    name: 'required',
    test: (value) => new Promise(resolve => {
      resolve(true);
    });
  }
})

• Clear entry data ($error, $invalid, $messages) on resetting.

• Support Ref data and Ref rules.

export default {
  setup() {
    const data = ref({ name: 'Evelyn' });
    const rules = ref({
      name: {
        name: 'required',
        test: value => Boolean(value),
        message: 'Name must not be empty.',
      },
    });

    const { result } = useValidate(data, rules);

    return { result, data };
  },
};

• Convert from JS to TS.
• Fix wrong default result.