diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue
index f093261138..995b9e6591 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue
@@ -1,8 +1,16 @@
 <template>
-    <div class="dialog message" v-if="message">{{ message }}</div>
-    <div class="dialog alert" v-if="error">{{ error }}</div>
+    <div class="dialog message" v-if="message" v-html="message"></div>
+    <div class="dialog alert" v-if="error" v-html="error"></div>
     <div class="dialog alert modal" v-if="warning">
-        {{ warning }}
+        <span v-html="warning"></span>
+        <a
+            v-if="accept"
+            id="close_modal"
+            class="btn btn-primary btn-xs"
+            role="button"
+            @click="accept"
+            >{{ $__("Accept") }}</a
+        >
         <a
             id="close_modal"
             class="btn btn-default btn-xs"
@@ -27,13 +35,14 @@ import { storeToRefs } from "pinia"
 export default {
     setup() {
         const mainStore = inject("mainStore")
-        const { message, error, warning, is_submitting, is_loading } =
+        const { message, error, warning, accept, is_submitting, is_loading } =
             storeToRefs(mainStore)
         const { removeMessages } = mainStore
         return {
             message,
             error,
             warning,
+            accept,
             is_submitting,
             is_loading,
             removeMessages,
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue
index 9394f1c08d..1c5cd7ecfe 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsList.vue
@@ -49,6 +49,8 @@ export default {
         const AVStore = inject("AVStore")
         const { get_lib_from_av, map_av_dt_filter } = AVStore
 
+        const { setWarning, setMessage } = inject("mainStore")
+
         const table_id = "agreement_list"
         useDataTable(table_id)
 
@@ -57,6 +59,9 @@ export default {
             get_lib_from_av,
             map_av_dt_filter,
             table_id,
+            logged_in_user,
+            setWarning,
+            setMessage,
         }
     },
     data: function () {
@@ -111,14 +116,27 @@ export default {
             )
         },
         delete_agreement: function (agreement_id) {
-            this.$router.push(
-                "/cgi-bin/koha/erm/agreements/delete/" + agreement_id
-            )
+            this.setWarning(this.$__("Are you sure you want to remove this agreement?"), () => {
+                const client = APIClient.erm
+                client.agreements.delete(agreement_id).then(
+                    success => {
+                        this.setMessage(this.$__("Agreement deleted"))
+                        this.refresh_table()
+                    },
+                    error => {}
+                )
+            })
         },
         select_agreement: function (agreement_id) {
             this.$emit("select-agreement", agreement_id)
             this.$emit("close")
         },
+        refresh_table: function(){
+            $("#" + this.table_id)
+                .DataTable()
+                .ajax.url(this.datatable_url)
+                .draw()
+        },
         filter_table: async function () {
             if (this.before_route_entered) {
                 let new_route = build_url(
@@ -133,10 +151,7 @@ export default {
                         .toISOString()
                         .substring(0, 10)
             }
-            $("#" + this.table_id)
-                .DataTable()
-                .ajax.url(this.datatable_url)
-                .draw()
+            this.refresh_table()
         },
         table_url: function () {},
         build_datatable: function () {
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue
index 8aa66d19be..1f2ce3ecaf 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="is_loading">
+    <div v-if="_is_loading">
         <Dialog />
     </div>
     <div v-else-if="ERMModule">
@@ -139,7 +139,7 @@ export default {
 
         // Note that we cannot use loading and loaded from messages
         // Pinia is not initiated yet there
-        const { is_loading } = storeToRefs(mainStore)
+        const { _is_loading } = storeToRefs(mainStore)
 
         return {
             vendorStore,
@@ -147,7 +147,7 @@ export default {
             mainStore,
             erm_providers,
             ERMModule,
-            is_loading,
+            _is_loading,
         }
     },
     data() {
@@ -156,7 +156,7 @@ export default {
         }
     },
     beforeCreate() {
-        this.mainStore.is_loading = true
+        this.mainStore._is_loading = true
 
         const acq_client = APIClient.acquisition
         acq_client.vendors.getAll().then(
@@ -200,7 +200,7 @@ export default {
                     }
                 )
             })
-            .then(() => (this.mainStore.is_loading = false))
+            .then(() => (this.mainStore._is_loading = false))
     },
     components: {
         Breadcrumb,
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/stores/main.js b/koha-tmpl/intranet-tmpl/prog/js/vue/stores/main.js
index b2b1b6ce30..3a79186010 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/stores/main.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/stores/main.js
@@ -2,51 +2,79 @@ import { defineStore } from "pinia";
 
 export const useMainStore = defineStore("main", {
     state: () => ({
-        message: null,
-        error: null,
-        warning: null,
+        _message: null,
+        _error: null,
+        _warning: null,
+        _accept: null,
         previousMessage: null,
         previousError: null,
         displayed_already: false,
-        is_submitting: false,
-        is_loading: false,
+        _is_submitting: false,
+        _is_loading: false,
     }),
     actions: {
-        setMessage(message) {
-            this.error = null;
-            this.warning = null;
-            this.message = message;
-            this.displayed_already = false; /* Will be displayed on the next view */
+        setMessage(message, displayed = false) {
+            this._error = null;
+            this._warning = null;
+            this._message = message;
+            this.displayed_already = displayed; /* Will be displayed on the next view */
         },
-        setError(error) {
-            this.error = error;
-            this.message = null;
-            this.displayed_already = true; /* Is displayed on the current view */
+        setError(error, displayed = true) {
+            this._error = error;
+            this._message = null;
+            this.displayed_already = displayed; /* Is displayed on the current view */
         },
-        setWarning(warning) {
-            this.warning = warning;
-            this.message = null;
-            this.displayed_already = true; /* Is displayed on the current view */
+        setWarning(warning, accept, displayed = true) {
+            if(accept) {
+                this._accept = async () => {
+                    await accept()
+                    this.removeMessages()
+                }
+            }
+            this._warning = warning;
+            this._message = null;
+            this.displayed_already = displayed; /* Is displayed on the current view */
         },
         removeMessages() {
             if (this.displayed_already) {
-                this.error = null;
-                this.warning = null;
-                this.message = null;
+                this._accept = null;
+                this._error = null;
+                this._warning = null;
+                this._message = null;
             }
             this.displayed_already = true;
         },
         submitting(){
-            this.is_submitting = true;
+            this._is_submitting = true;
         },
         submitted(){
-            this.is_submitting = false;
+            this._is_submitting = false;
         },
         loading(){
-            this.is_loading = true;
+            this._is_loading = true;
         },
         loaded(){
-            this.is_loading = false;
+            this._is_loading = false;
+        },
+    },
+    getters: {
+        error() {
+            return this._error
+        },
+        warning() {
+            return this._warning
+        },
+        message() {
+            return this._message
+        },
+        accept() {
+            return this._accept
+        },
+        is_submitting(){
+            return this._is_submitting
+        },
+        is_loading(){
+            return this._is_loading
         },
     },
 });