Laravel Vue Inertia löschen, bestätigen, dass das Modal mit dem Wert „1“ zurückgegeben wird ⇐ Php

[Anonymous]

Ich habe Probleme mit der Löschfunktion für meine Tabellenelemente. Es wird immer wieder ein Modal mit einem Wert von 1 zurückgegeben. Ich habe viele mögliche Lösungen ausprobiert, die ich online gefunden habe, aber ich habe immer noch kein Glück. Könnten Sie bitte helfen? Vielen Dank im Voraus.
Controller:

Code: Select all

public function destroy($id) {
$articleCategories = ArticleCategory::findOrFail($id);

$articleCategories->delete();

return redirect()->route('article_categories')->with('message', 'Article category deleted successfully.');
}

Vue:

Code: Select all

import Title from "../Layouts/Components/Title.vue";
import PaginationLinks from "../../components/PaginationLinks.vue";
import TableEditButton from "../../components/TableEditButton.vue";
import { router, useForm } from "@inertiajs/vue3";
import { ref, watch } from "vue";

const form = useForm({});

const props = defineProps({
articleCategories: Object,
});

function destroy(id) {
if (confirm("Are you sure you want to delete this record?")) {
form.delete(route("article_categories.destroy", { id }), {
preserveScroll: true,
});
}
}





{{ articleCategories.title }}




Delete