feat: ajout de la fonctionnalité de suppression de mangas, incluant une modale de confirmation pour l'utilisateur, la gestion des erreurs et l'intégration avec l'API pour supprimer les mangas et leurs chapitres associés. Mise à jour des composants Vue et ajout de tests pour valider cette nouvelle fonctionnalité.

assets/vue/app/domain/manga/presentation/composables/useMangaDelete.js

@@ -0,0 +1,49 @@
+import { useMutation, useQueryClient } from '@tanstack/vue-query';
+import { ref } from 'vue';
+import { ApiMangaRepository } from '../../infrastructure/api/apiMangaRepository';
+
+export function useMangaDelete() {
+    const mangaRepository = new ApiMangaRepository();
+    const queryClient = useQueryClient();
+    const isDeleteModalOpen = ref(false);
+
+    const deleteMutation = useMutation({
+        mutationFn: ({ mangaId }) => {
+            return mangaRepository.deleteManga(mangaId);
+        },
+        onSuccess: (data, variables) => {
+            // Invalider et refetch les listes de mangas
+            queryClient.invalidateQueries({ queryKey: ['mangas'] });
+            queryClient.invalidateQueries({ queryKey: ['manga-search'] });
+        }
+    });
+
+    const openDeleteModal = () => {
+        isDeleteModalOpen.value = true;
+    };
+
+    const closeDeleteModal = () => {
+        isDeleteModalOpen.value = false;
+    };
+
+    const deleteManga = async (mangaId) => {
+        try {
+            await deleteMutation.mutateAsync({ mangaId });
+            closeDeleteModal();
+            return true;
+        } catch (error) {
+            console.error('Erreur lors de la suppression du manga:', error);
+            throw error;
+        }
+    };
+
+    return {
+        isDeleteModalOpen,
+        openDeleteModal,
+        closeDeleteModal,
+        deleteManga,
+        isLoading: deleteMutation.isPending,
+        error: deleteMutation.error,
+        isSuccess: deleteMutation.isSuccess
+    };
+}