Merge pull request #55 from balajidharma/2.x-Changes

Fixed delete issue

Author: balajidharma

resources/js/Components/Admin/CategoryItemList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { Link } from "@inertiajs/vue3"
+import { useForm } from "@inertiajs/vue3"
 import BaseButton from "@/Components/BaseButton.vue"
 import BaseButtons from "@/Components/BaseButtons.vue"
 import {
@@ -25,6 +25,14 @@ const props = defineProps({
     default: 0
   },
 })
+
+const formDelete = useForm({})
+
+function destroy(id) {
+  if (confirm("Are you sure you want to delete?")) {
+    formDelete.delete(route("admin.category.type.item.destroy", {type: props.categoryType.id, item: id}))
+  }
+}
 </script>
 
 <template>

resources/js/Components/Admin/MenuItemList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { Link } from "@inertiajs/vue3"
+import { useForm } from "@inertiajs/vue3"
 import BaseButton from "@/Components/BaseButton.vue"
 import BaseButtons from "@/Components/BaseButtons.vue"
 import BaseIcon from '@/Components/BaseIcon.vue'
@@ -26,6 +26,15 @@ const props = defineProps({
     default: 0
   },
 })
+
+const formDelete = useForm({})
+
+function destroy(id) {
+  if (confirm("Are you sure you want to delete?")) {
+    formDelete.delete(route("admin.menu.item.destroy", {menu: props.menu.id, item: id}))
+  }
+}
+
 </script>
 
 <template>
@@ -36,7 +45,6 @@ const props = defineProps({
                 v-if="item.icon"
                 :path="item.icon"
                 class="flex-none"
-                :class="activeInactiveStyle"
                 :size="18"
               />
               {{ item.name }}

resources/js/Pages/Admin/Category/Item/Index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { Head, useForm } from "@inertiajs/vue3"
+import { Head } from "@inertiajs/vue3"
 import {
   mdiLink,
   mdiPlus,
@@ -30,14 +30,6 @@ const props = defineProps({
   },
 })
 
-const formDelete = useForm({})
-
-function destroy(id) {
-  if (confirm("Are you sure you want to delete?")) {
-    formDelete.delete(route("admin.category.type.item.destroy", {type: props.categoryType.id, item: id}))
-  }
-}
-
 </script>
 
 <template>

resources/js/Pages/Admin/Menu/Item/Index.vue

@@ -1,10 +1,8 @@
 <script setup>
-import { Head, Link, useForm } from "@inertiajs/vue3"
+import { Head } from "@inertiajs/vue3"
 import {
   mdiLink,
   mdiPlus,
-  mdiSquareEditOutline,
-  mdiTrashCan,
   mdiAlertBoxOutline,
   mdiArrowLeftBoldOutline
 } from "@mdi/js"
@@ -32,14 +30,6 @@ const props = defineProps({
   },
 })
 
-const formDelete = useForm({})
-
-function destroy(id) {
-  if (confirm("Are you sure you want to delete?")) {
-    formDelete.delete(route("admin.menu.item.destroy", {menu: props.menu.id, item: id}))
-  }
-}
-
 </script>
 
 <template>