fix(FE): set up show form

resources/js/components/content/Show.vue

@@ -8,7 +8,8 @@ import {baseShow, type Show} from "@models/show/show";
 
 const {items, listData, headers, selected, loading, search, getItems, editItem, deleteItem} = show_page()
 
-let showSelected = ref(baseShow());
+const showCreateEditMode = ref(false);
+let showSelected = ref<Number>(0);
 const bulk = ref({
   state: false,
   items: [] as Show[],
@@ -28,12 +29,13 @@ const openDialog = (type, title: string = '', text: string = '') => {
 }
 
 const edit = (showSelectedFromUser) => {
-  return showSelected.value = {...showSelectedFromUser}
+  showSelected.value = showSelectedFromUser.id
+  showCreateEditMode.value = true
 };
 
 const create = () => {
-  showSelected.value = baseShow();
-  showSelected.value.id = 0
+  showSelected.value = 0
+  showCreateEditMode.value = true
 }
 
 const saveItem = (item) => {
@@ -55,8 +57,7 @@ const cancel = (item) => {
 
 const confirmDelete = (confirm) => {
   if (confirm) {
-    const showIds = bulk.value.items.map(item => item.id)
-    deleteItem(showIds)
+    deleteItem()
   }
   closeDialog()
 }
@@ -79,14 +80,14 @@ watch(search, (newValue, oldValue) => {
   getItems(options)
 })
 
+const goBack = () => {
+  showCreateEditMode.value = false
+  showSelected.value = 0
+}
 </script>
 
 <template>
-  <ShowForm
-      v-if="showSelected.id !== null && !dialog.open"
-      :show="showSelected"
-      @go-back="resetItemEdited"
-  />
+  <ShowForm v-if="showCreateEditMode" :showId="showSelected" @go-back="goBack"/>
   <Table
       v-else
       :headers="headers"