other components... (2)

src/modules/useFormValidation.ts

@@ -0,0 +1,15 @@
+import { reactive } from '@vue/reactivity'
+import useValidators from '@/modules/validators'
+
+const errors: any = reactive({})
+
+export default function useFormValidation() {
+  const { isEmpty, minLength, isEmail } = useValidators()
+  const validateNameField = (fieldName: string, fieldValue: string) => {
+    errors[fieldName] = !fieldValue ? isEmpty(fieldName, fieldValue) : minLength(fieldName, fieldValue, 4)
+  }
+  const validateEmailField = (fieldName: string, fieldValue: string) => {
+    errors[fieldName] = !fieldValue ? isEmpty(fieldName, fieldValue) : isEmail(fieldName, fieldValue)
+  }
+  return { errors, validateNameField, validateEmailField }
+}