send invitation

src/components/Container/PageOJS.vue

@@ -2,13 +2,11 @@
 import Page from '@/components/Container/Page.vue';
 import SubmissionsPage from '@/pages/submissions/SubmissionsPage.vue';
 import UserInvitationPage from '@/pages/userInvitation/UserInvitationPage.vue';
-import AcceptInvitationPage from '@/pages/acceptInvitation/AcceptInvitationPage.vue';
 
 export default {
 	components: {
 		SubmissionsPage,
 		UserInvitationPage,
-		AcceptInvitationPage,
 	},
 	extends: Page,
 };

src/composables/useForm.js

@@ -37,6 +37,7 @@ export function useForm(_form) {
 		watch(
 			payload,
 			(newPayload) => {
+				console.log(newPayload);
 				Object.keys(newPayload).forEach((key) => {
 					if (doesFieldExist(form.value, key)) {
 						if (getValue(key) !== newPayload[key]) {
@@ -49,6 +50,25 @@ export function useForm(_form) {
 		);
 	}
 
+	function connectWithErrors(errors) {
+		console.log(errors);
+		watch(
+			errors,
+			(newErrors) => {
+				console.log(newErrors);
+				if (!newErrors) {
+					return;
+				}
+				Object.keys(newErrors).forEach((key) => {
+					if (doesFieldExist(form.value, key)) {
+						form.value.errors[key] = newErrors[key];
+					}
+				});
+			},
+			{deep: true},
+		);
+	}
+
 	function set(key, data) {
 		Object.keys(data).forEach(function (dataKey) {
 			form.value[dataKey] = data[dataKey];
@@ -109,5 +129,6 @@ export function useForm(_form) {
 		clearForm,
 		form,
 		connectWithPayload,
+		connectWithErrors,
 	};
 }