Reapply "Progress bar cleanup"

This reverts commit fa5b4bd4cc.

src/fmg-components/funnel-header/progress-bar/progres-bar.spec.js

@@ -15,7 +15,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.getProgress()).toBe(0);
+        expect(wrapper.vm.progress).toBe(0);
         wrapper.unmount();
     });
 });
@@ -33,7 +33,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.getProgress()).toBe(4);
+        expect(wrapper.vm.progress).toBe(4);
         wrapper.unmount();
     });
 });
@@ -51,7 +51,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.getProgress()).toBe(48);
+        expect(wrapper.vm.progress).toBe(48);
         wrapper.unmount();
     });
 });
@@ -69,7 +69,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.getProgress()).toBe(100);
+        expect(wrapper.vm.progress).toBe(100);
         wrapper.unmount();
     });
 });

src/fmg-components/funnel-header/progress-bar/progress-bar.vue

@@ -10,15 +10,11 @@ import { getProgressBarPercentage } from "@/constants/progress-bar-mapper";
 
 export default {
     name: "progressBar",
-    data() {
+    data() {},
-        return {
+    computed: {
-            progress: this.getProgress(),
+        progress() {
-        };
+            console.log(`Progress: ${this.pageName} - ${getProgressBarPercentage(this.pageName)}`);
-    },
+            return getProgressBarPercentage(this.pageName);
-    methods: {
-        getProgress() {
-            var pageName = this.pageName;
-            return getProgressBarPercentage(pageName);
         },
     },
 };