добавлин метод удаления строк в таблице

src/components/Setings.vue

@@ -129,6 +129,11 @@
               >
                 {{ task.finished_at }}
               </td>
+               <td
+                class=""
+              >
+                <button class="text-red-500 p-1 rounded-full hover:text-red-700  cursor-pointer"  @click="delete_row(task.id)">x</button>
+              </td>
             </tr>
           </tbody>
         </table>
@@ -190,6 +195,19 @@ const loadTasks = async () => {
     console.error("Ошибка при загрузке задач:", error);
   }
 };
+
+const delete_row = async (id) => {
+  try{
+    const response = await axios.delete(
+      `http://45.129.78.228:8001/delete_task/${id}`,
+    );
+    console.log(response.data);
+    loadTasks();
+  } catch (error) {
+    console.error("Ошибка при удалении задачи:", error);
+  }
+}
+
 // Загрузка настроек при монтировании
 onMounted(() => {
   loadSettings();