diff --git a/webui/src/components/Footer.vue b/webui/src/components/Footer.vue
index 9e35a1e..0b0a1e7 100644
--- a/webui/src/components/Footer.vue
+++ b/webui/src/components/Footer.vue
@@ -18,36 +18,21 @@
 </template>
 
 <script>
-import { DefaultApi } from "@/axios/api";
-import { BASE_PATH } from "@/axios/base";
+import { computed } from "vue";
 import packageJson from "/package.json";
-
-// Use API_BASE_PATH to overwrite the BASE_PATH in the generated client code
-const API_BASE_PATH = process.env.BASE_PATH || BASE_PATH;
+import { useServiceStore } from "./Stores/ServiceStore";
 
 export default {
-  data() {
-    return {
-      uiVersion: null, // Fetch from the package.json file
-      serviceVersion: null, // Fetch from cfm-service through API cfmV1Get
-    };
-  },
+  setup() {
+    const serviceStore = useServiceStore();
+    const serviceVersion = computed(() => serviceStore.serviceVersion);
 
-  mounted() {
-    this.getServiceVersion();
-    this.uiVersion = packageJson.version;
-  },
+    const uiVersion = packageJson.version;
 
-  methods: {
-    async getServiceVersion() {
-      try {
-        const defaultApi = new DefaultApi(undefined, API_BASE_PATH);
-        const response = await defaultApi.cfmV1Get();
-        this.serviceVersion = response.data.version;
-      } catch (error) {
-        console.error("Error fetching CFM Service version:", error);
-      }
-    },
+    return {
+      serviceVersion,
+      uiVersion,
+    };
   },
 };
-</script>
+</script>
\ No newline at end of file