From 2fdce21dff82cdd2e7ea2a3c5d7f332f2b98ff33 Mon Sep 17 00:00:00 2001
From: Matt Blenkinsop <matt.blenkinsop@openfifth.co.uk>
Date: Wed, 8 Oct 2025 13:45:44 +0000
Subject: [PATCH] Bug 39320: Remove 'extends' from the Home component

Sponsored-by: UKHSA (UK Health Security Agency)

Signed-off-by: Jeremy Evans <Jeremy.Evans@ukhsa.gov.uk>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
---
 .../prog/js/vue/components/ERM/Home.vue       | 21 +++++++++++--------
 .../ModuleDashboard/ModuleDashboard.vue       |  3 +++
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue
index 0338f19bbd..a67d22aef5 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue
@@ -1,3 +1,7 @@
+<template>
+    <ModuleDashboard :availableWidgets="availableWidgets" />
+</template>
+
 <script>
 import ModuleDashboard from "../ModuleDashboard/ModuleDashboard.vue";
 import ERMCounts from "../ModuleDashboard/Widgets/ERMCounts.vue";
@@ -7,17 +11,16 @@ import ERMLatestSUSHIJobs from "../ModuleDashboard/Widgets/ERMLatestSUSHIJobs.vu
 import { markRaw } from "vue";
 
 export default {
-    extends: ModuleDashboard,
+    components: { ModuleDashboard },
     setup() {
+        const availableWidgets = [
+            markRaw(ERMRunUsageReport),
+            markRaw(ERMLatestSUSHIJobs),
+            markRaw(ERMCounts),
+            markRaw(ERMLicensesNeedingAction),
+        ]
         return {
-            ...ModuleDashboard.setup({
-                availableWidgets: [
-                    markRaw(ERMRunUsageReport),
-                    markRaw(ERMLatestSUSHIJobs),
-                    markRaw(ERMCounts),
-                    markRaw(ERMLicensesNeedingAction),
-                ],
-            }),
+            availableWidgets
         };
     },
 };
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue
index fdd2738ff3..126944fcd5 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue
@@ -61,6 +61,9 @@ import { $__ } from "@koha-vue/i18n";
 import { VueDraggableNext } from "vue-draggable-next";
 
 export default {
+    props: {
+        availableWidgets: Array
+    },
     setup(props) {
         const availableWidgets = props.availableWidgets;
         const selectedWidgetsLeft = ref([]);