создал две функции для заросов и столкнулся с проблемой эндпоинтов

Author: иван Горбунов

src/components/TheReviewCard.vue

@@ -56,8 +56,16 @@
 			</v-col>
 		</template>
 		<template #actions>
-			<v-btn density="compact" size="large" prepend-icon="mdi-thumb-up">0</v-btn>
-			<v-btn density="compact" size="large" prepend-icon="mdi-thumb-down">0</v-btn>
+			<v-btn 
+				@click="changeReactionLike" 
+				density="compact" 
+				size="large" 
+				prepend-icon="mdi-thumb-up">0</v-btn>
+			<v-btn
+				@click="changeReactionDislike" 
+			 	density="compact" 
+				size="large" 
+				prepend-icon="mdi-thumb-down">0</v-btn>
 		</template>
 	</v-card>
 </template>
@@ -82,6 +90,34 @@ const emit = defineEmits(['comment-deleted']);
 const markGeneral = ref(0);
 const redactedText = ref<string[]>([]);
 
+async function changeReactionLike() {
+	try{
+		await apiClient.PUT('/rating/comment/{uuid}/{reaction}', {
+		params: { 
+			path: { 
+				uuid: propsLocal.comment.raw.uuid,
+				reaction: "like" 
+			} 
+		},
+	});
+	
+	}catch(error){
+		console.error("Ошибка лайка:", error)
+	}
+	
+}
+async function changeReactionDislike() {
+	try{
+		await apiClient.PUT('/rating/comment/{uuid}/{reaction}', {
+		params: { path: { uuid: propsLocal.comment.raw.uuid,
+						  reaction: "dislike"} },
+	});
+	}catch(error){
+		console.error("Ошибка дизлайка:", error)
+	}
+	
+}
+
 async function deleteComment() {
 	await apiClient.DELETE('/rating/comment/{uuid}', {
 		params: { path: { uuid: propsLocal.comment.raw.uuid } },