feat: make rules watchable

logaretm · May 14, 2020 · 90530cd · 90530cd
1 parent 88bf28e
commit 90530cd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/core/src/Provider.ts b/packages/core/src/Provider.ts
@@ -42,6 +42,8 @@ export const ValidationProvider = defineComponent({
     const $form = inject('$_veeObserver', undefined) as FormController | undefined;
     // FIXME: is this right?
     const disabled = computed(() => props.disabled as boolean);
+    const rules = computed(() => props.rules);
+
     const {
       errors,
       failedRules,
@@ -52,7 +54,7 @@ export const ValidationProvider = defineComponent({
       onBlur,
       reset,
       meta,
-    } = useField(fieldName, props.rules, {
+    } = useField(fieldName, rules, {
       form: $form,
       immediate: props.immediate as boolean,
       bails: props.bails as boolean,

diff --git a/packages/core/tests/provider.spec.ts b/packages/core/tests/provider.spec.ts
@@ -90,7 +90,7 @@ test('validates initially with immediate prop', async () => {
   expect(error.textContent).toContain(DEFAULT_REQUIRED_MESSAGE('field'));
 });
 
-test.skip('watches rules and re-validates', async () => {
+test('watches rules and re-validates', async () => {
   const wrapper = mountWithHoc({
     setup() {
       return {