fixessome

src/components/budgets/BudgetCreationView.vue

@@ -16,7 +16,7 @@ const props = defineProps({
     required: true
   }
 })
-const emits = defineEmits(['close-modal'])
+const emits = defineEmits(['budget-created','close-modal'])
 const createRecurrentPayments = ref<Boolean>(true)
 
 const name = ref('')
@@ -29,7 +29,7 @@ const create = async () => {
   console.log(budget.value)
   try {
     await createBudget(budget.value, createRecurrentPayments.value)
-    emits("close-modal");
+    emits("budget-created");
   } catch (e) {
     console.error(e)
   }
@@ -65,7 +65,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Dialog :visible="opened" modal header="Создать новый бюджет" :style="{ width: '25rem' }">
+  <Dialog :visible="opened" modal header="Создать новый бюджет" :style="{ width: '25rem' }" @hide="cancel" @update:visible="cancel">
     <div class="flex flex-col gap-4 mt-1">
       <FloatLabel variant="on" class="w-full">
         <label for="name">Название</label>
@@ -87,7 +87,7 @@ onMounted(() => {
       </div>
       <div class="flex flex-row gap-2 justify-end items-center">
         <Button label="Создать" severity="success" icon="pi pi-save" @click="create"/>
-        <Button label="Отмена" severity="secondary" icon="pi pi-times-circle"/>
+        <Button label="Отмена" severity="secondary" icon="pi pi-times-circle" @click="cancel"/>
       </div>
     </div>
   </Dialog>