fix(validation): proper rules

src/composable/validation.ts

@@ -1,27 +1,30 @@
 import { reactive, watch, type Ref } from 'vue';
 
 type UseValidationRule<T> = {
-  validator: (value: T) => boolean
-  message: string
-}
+  validator: (value: T) => boolean;
+  message: string;
+};
 
 export function useValidation<T>({ source, rules }: { source: Ref<T>; rules: UseValidationRule<T>[] }) {
   const state = reactive<{
-    message: string,
-    status: undefined | 'error'
+    message: string;
+    status: undefined | 'error';
   }>({
     message: '',
-    status: undefined
-  })
+    status: undefined,
+  });
 
   watch([source], () => {
-    for(const rule of rules) {
-      if(!rule.validator(source.value)){
-        state.message = rule.message
-        state.status = 'error'
+    state.message = '';
+    state.status = undefined;
+
+    for (const rule of rules) {
+      if (!rule.validator(source.value)) {
+        state.message = rule.message;
+        state.status = 'error';
       }
     }
-  })
+  });
 
   return state;
 }