update stok item di halaman produk tanpa reload page

resources/js/components/CreateItemModal.vue

@@ -87,7 +87,7 @@ const props = defineProps({
 });
 
 // Emits
-const emit = defineEmits(['close']);
+const emit = defineEmits(['close','itemAdded']);
 
 // State
 const selectedNampan = ref('');
@@ -150,12 +150,14 @@ const createItem = async () => {
       headers: {
         Authorization: `Bearer ${localStorage.getItem("token")}`,
       },
-        });;
+    });
 
     success.value = true;
-    createdItem.value = response.data.data
+    createdItem.value = response.data.data;
     console.log('Item created:', createdItem);
 
+    emit('itemAdded'); // 🔔 penting
+
     loadNampanList();
   } catch (error) {
     console.error('Error creating item:', error);
@@ -165,6 +167,7 @@ const createItem = async () => {
   }
 };
 
+
 const addNewItem = () => {
   success.value = false;
   selectedNampan.value = '';

resources/js/pages/Produk.vue

@@ -1,7 +1,13 @@
 <template>
   <mainLayout>
     <!-- Modal Buat Item -->
-    <CreateItemModal :isOpen="creatingItem" :product="detail" @close="closeItemModal" />
+    <CreateItemModal 
+  :isOpen="creatingItem" 
+  :product="detail" 
+  @close="closeItemModal" 
+  @itemAdded="handleItemAdded" 
+/>
+
 
     <!-- Modal Konfirmasi Hapus Produk -->
     <ConfirmDeleteModal :isOpen="deleting" @cancel="deleting = false" @confirm="deleteProduk" title="Hapus Produk"
@@ -268,6 +274,15 @@ function formatNumber(num) {
   return new Intl.NumberFormat().format(num || 0);
 }
 
+function handleItemAdded() {
+  if (detail.value) {
+    detail.value.items_count++;
+  }
+  creatingItem.value = false;
+}
+
+
+
 // Hapus produk
 async function deleteProduk() {
   try {