diff --git a/application/views/templates/CISVUE-Footer.php b/application/views/templates/CISVUE-Footer.php
index d7c1de24c..48943650d 100644
--- a/application/views/templates/CISVUE-Footer.php
+++ b/application/views/templates/CISVUE-Footer.php
@@ -5,9 +5,9 @@ $includesArray = array(
 	'bootstrap5' => true,
 	'fontawesome6' => true,
 	'axios027' => true,
-	'customJSModules' => array_merge([
-		'public/js/apps/Cis.js'
-	], $customJSModules ?? []),
+	'fhcApps' => array_merge([
+		'Cis'
+	], $fhcApps ?? []),
 	'customCSSs' => array_merge([
 		'public/css/Cis4/Cis.css'
 	], $customCSSs ?? [])
diff --git a/application/views/templates/CISVUE-Header.php b/application/views/templates/CISVUE-Header.php
index 358fc75c9..943d26d80 100644
--- a/application/views/templates/CISVUE-Header.php
+++ b/application/views/templates/CISVUE-Header.php
@@ -7,9 +7,9 @@ $includesArray = array(
 	'fontawesome6' => true,
 	'axios027' => true,
 	'primevue3' => true,
-	'customJSModules' => array_merge([
-		'public/js/apps/Cis.js'
-	], $customJSModules ?? []),
+	'fhcApps' => array_merge([
+		'Cis'
+	], $fhcApps ?? []),
 	'customCSSs' => array_merge([
 		'public/css/Cis4/Cis.css',
 		$this->config->item('theme_css'),
diff --git a/public/js/apps/Cis.js b/public/js/apps/Cis.js
index 5b76c5721..c88a47a35 100644
--- a/public/js/apps/Cis.js
+++ b/public/js/apps/Cis.js
@@ -142,6 +142,9 @@ const app = Vue.createApp({
         }
     }
 });
+
+FhcApps.makeExtendable(app);
+
 app.use(primevue.config.default, {
 	zIndex: {
 		overlay: 9000,