diff --git a/assets/vue/App.vue b/assets/vue/App.vue
index 658ccd2c3b..cb4e0809f6 100644
--- a/assets/vue/App.vue
+++ b/assets/vue/App.vue
@@ -20,6 +20,7 @@
       id="legacy_content"
       v-html="legacyContent"
     />
+    <ConfirmDialog />
   </component>
 </template>
 
@@ -32,6 +33,7 @@ import {useStore} from "vuex";
 import axios from "axios";
 import {isEmpty} from "lodash";
 import Message from "primevue/message";
+import ConfirmDialog from "primevue/confirmdialog";
 
 const apolloClient = new ApolloClient({
   link: createHttpLink({
diff --git a/assets/vue/main.js b/assets/vue/main.js
index fe7dbdbb51..b45d29dc45 100644
--- a/assets/vue/main.js
+++ b/assets/vue/main.js
@@ -231,6 +231,7 @@ import Button from 'primevue/button';
 import Column from 'primevue/column';
 import ColumnGroup from 'primevue/columngroup';
 import ToastService from 'primevue/toastservice';
+import ConfirmationService from 'primevue/confirmationservice';
 
 // import 'primevue/resources/themes/tailwind-light/theme.css';
 import 'primevue/resources/primevue.min.css';
@@ -238,6 +239,7 @@ import 'primevue/resources/primevue.min.css';
 import "primeicons/primeicons.css";
 
 app.use(ToastService);
+app.use(ConfirmationService);
 app.component('Dialog', Dialog);
 app.component('DataView', DataView);
 app.component('DataTable', DataTable);