src/pages/Zone/Card/ZoneCreateWarehouse.vue

@@ -21,14 +21,17 @@ const closeButton = ref(null);
 
 const warehousesOptions = ref([]);
 
+const onSubmit = async () => await createZoneWarehouse();
+
 const createZoneWarehouse = () => {
     try {
         axios.post(`Zones/${route.params.id}/warehouses`, ZoneWarehouseFormData);
         emit('onSubmit');
     } catch (error) {
         console.error(error);
+    } finally {
+        closeForm();
     }
-    closeForm();
 };
 
 const closeForm = () => {
@@ -43,7 +46,7 @@ const closeForm = () => {
         auto-load
         @on-fetch="(data) => (warehousesOptions = data)"
     />
-    <FormPopup model="ZoneWarehouse" @on-submit="createZoneWarehouse()">
+    <FormPopup model="ZoneWarehouse" @on-submit="onSubmit">
         <template #form-inputs>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">