add notifiaction handling, error handling
This commit is contained in:
parent
ce708f5209
commit
1af288aa62
21 changed files with 4864 additions and 224 deletions
|
|
@ -1,4 +1,5 @@
|
|||
<script setup>
|
||||
import { ref, onMounted } from "vue";
|
||||
import { IconoirProvider } from "@iconoir/vue";
|
||||
import SideBar from "./components/SideBar.vue";
|
||||
import CreateClientModal from "./components/modals/CreateClientModal.vue";
|
||||
|
|
@ -8,6 +9,19 @@ import CreateInvoiceModal from "./components/modals/CreateInvoiceModal.vue";
|
|||
import CreateWarrantyModal from "./components/modals/CreateWarrantyModal.vue";
|
||||
import GlobalLoadingOverlay from "./components/common/GlobalLoadingOverlay.vue";
|
||||
import ScrollPanel from "primevue/scrollpanel";
|
||||
import Toast from "primevue/toast";
|
||||
import { useNotificationStore } from "@/stores/notifications-primevue";
|
||||
|
||||
// Get the notification store and create a ref for the toast
|
||||
const notificationStore = useNotificationStore();
|
||||
const toast = ref();
|
||||
|
||||
// Connect the toast instance to the store when component mounts
|
||||
onMounted(() => {
|
||||
if (toast.value) {
|
||||
notificationStore.setToastInstance(toast.value);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -37,6 +51,9 @@ import ScrollPanel from "primevue/scrollpanel";
|
|||
|
||||
<!-- Global Loading Overlay -->
|
||||
<GlobalLoadingOverlay />
|
||||
|
||||
<!-- Global Notifications -->
|
||||
<Toast ref="toast" />
|
||||
</IconoirProvider>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue