diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementRelationships.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementRelationships.vue
index 17bd31b784..a2092bea2a 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementRelationships.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementRelationships.vue
@@ -85,7 +85,7 @@
 </template>
 
 <script>
-import { fetchAgreements } from "../../fetch/erm.js"
+import { APIClient } from "../../fetch/api-client.js"
 
 export default {
     data() {
@@ -94,11 +94,16 @@ export default {
         }
     },
     beforeCreate() {
-        fetchAgreements().then(agreements => {
-            this.agreements = agreements.filter(
-                agreement => agreement.agreement_id !== this.agreement_id
-            )
-        })
+        const client = APIClient.erm
+        client.agreements.getAll().then(
+            agreements => {
+                this.agreements = agreements.filter(
+                    agreement => agreement.agreement_id !== this.agreement_id
+                )
+                this.initialized = true
+            },
+            error => {}
+        )
     },
     methods: {
         addRelationship() {
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 f58b6814e2..9394f1c08d 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
@@ -95,8 +95,8 @@ export default {
         async getAgreements() {
             const client = APIClient.erm
             await client.agreements.getAll().then(
-                data => {
-                    this.agreements = data
+                agreements => {
+                    this.agreements = agreements
                     this.initialized = true
                 },
                 error => {}
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsShow.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsShow.vue
index b7ef04dbb2..b249bb8738 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsShow.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/AgreementsShow.vue
@@ -348,8 +348,8 @@ export default {
         async getAgreement(agreement_id) {
             const client = APIClient.erm
             client.agreements.get(agreement_id).then(
-                data => {
-                    this.agreement = data
+                agreement => {
+                    this.agreement = agreement
                     this.initialized = true
                 },
                 error => {}
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackageAgreements.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackageAgreements.vue
index 80f5f98431..e633058806 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackageAgreements.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsLocalPackageAgreements.vue
@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import { fetchAgreements } from "../../fetch/erm.js"
+import { APIClient } from "../../fetch/api-client.js"
 
 export default {
     data() {
@@ -65,10 +65,14 @@ export default {
         }
     },
     beforeCreate() {
-        fetchAgreements().then(agreements => {
-            this.agreements = agreements
-            this.initialized = true
-        })
+        const client = APIClient.erm
+        client.agreements.getAll().then(
+            agreements => {
+                this.agreements = agreements
+                this.initialized = true
+            },
+            error => {}
+        )
     },
     methods: {
         addAgreement() {