correct controllers and data

src/pages/admin/userdata/UserdataView.vue

@@ -8,23 +8,26 @@
 		variant="outlined"
 		@update:model-value="handleSearchById"
 	/>
-	<UserdataCard v-if="!!data" v-bind="data" @user-edit="handleEdit" />
-	<UserdataEdit v-if="!!data" v-bind="data" v-model="editDialog" />
+	<UserdataCard v-if="!!userdata" v-bind="userdata" @user-edit="handleEdit" />
+	<UserdataEdit v-if="!!userdata" v-bind="userdata" v-model="editDialog" @data-updated="handleSearchById" />
 </template>
 
 <script setup lang="ts">
-import { UserData, useUserdata } from '@/pages/admin/userdata/api/useUserdata';
+import { useUserdata } from '@/pages/admin/userdata/api/useUserdata';
 import { ref } from 'vue';
 import AdminTabs from '@/components/AdminTabs.vue';
 import UserdataCard from './components/UserdataCard.vue';
 import UserdataEdit from './components/UserdataEdit.vue';
+import { storeToRefs } from 'pinia';
+
+const userdataStore = useUserdata();
+const { userdata } = storeToRefs(userdataStore);
 
 const userId = ref();
-const data = ref<UserData>();
 const editDialog = ref(false);
 
 async function handleSearchById() {
-	data.value = await useUserdata().getUserById(userId.value);
+	await userdataStore.getUserById(userId.value);
 }
 
 function handleEdit() {

src/pages/admin/userdata/api/useUserdata.ts

@@ -1,11 +1,14 @@
 import apiClient from '@/api';
 import { useToastStore } from '@/store/toastStore';
 import { components } from '@profcomff/api-uilib/src/openapi/userdata';
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
 
 export type UserData = components['schemas']['UserCardGet'];
 
-export const useUserdata = () => {
+export const useUserdata = defineStore('userdata', () => {
 	const toastStore = useToastStore();
+	const userdata = ref<UserData | null>(null);
 
 	async function getUserById(user_id: number) {
 		try {
@@ -26,11 +29,14 @@ export const useUserdata = () => {
 						});
 					}
 				}
+				userdata.value = null;
 				return;
 			}
+			userdata.value = data;
 			return data;
 		} catch {
 			toastStore.error({ title: `Что-то пошло не так на сервере` });
+			userdata.value = null;
 			return;
 		}
 	}
@@ -66,7 +72,8 @@ export const useUserdata = () => {
 	}
 
 	return {
+		userdata,
 		getUserById,
 		patchUserById,
 	};
-};
+});

src/pages/admin/userdata/components/UserdataEdit.vue

@@ -18,13 +18,22 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import { UserData, useUserdata } from '../api/useUserdata';
 
 const props = defineProps<UserData>();
+const emit = defineEmits<{
+	'data-updated': [];
+}>();
+
 const full_name_model = ref(props.full_name);
 const student_card_number_model = ref(props.student_card_number);
 
+watch(props, () => {
+	full_name_model.value = props.full_name;
+	student_card_number_model.value = props.student_card_number;
+});
+
 const open = defineModel<boolean>({ default: false });
 
 async function handleSave() {
@@ -34,7 +43,7 @@ async function handleSave() {
 		student_card_number_model.value,
 	);
 	if (!!data) {
-		useUserdata().getUserById(props.user_id);
+		emit('data-updated');
 		open.value = false;
 	}
 }