Fix for tab-elements fetching

src/components/RegisterPage.vue

@@ -183,9 +183,16 @@ export default {
   },
   beforeDestroy() {
     this.setWinnerdataToStorage();
+    eventBus.$off("tab-change", () => {
+      this.fetchColorsAndWinners();
+    });
   },
   mounted() {
     this.fetchColorsAndWinners();
+
+    eventBus.$on("tab-change", () => {
+      this.fetchColorsAndWinners();
+    });
   },
   methods: {
     stringify(json) {

src/components/VirtualLotteryRegistrationPage.vue

@@ -111,6 +111,7 @@
 
 <script>
 import io from "socket.io-client";
+import eventBus from "@/mixins/EventBus";
 import {
   addAttendee,
   getVirtualWinner,

src/ui/Tabs.vue

@@ -7,9 +7,7 @@
         :key="index"
         @click="changeTab(index)"
         :class="chosenTab == index ? 'active' : null"
-      >
+      >{{ tab.name }}</div>
-        {{ tab.name }}
-      </div>
     </div>
     <div class="tab-elements">
       <component
@@ -23,6 +21,7 @@
 </template>
 
 <script>
+import eventBus from "@/mixins/EventBus";
 export default {
   props: {
     tabs: {
@@ -45,6 +44,7 @@ export default {
     changeTab: function(num) {
       this.chosenTab = num;
       this.$emit("tabChange", num);
+      eventBus.$emit("tab-change");
     }
   }
 };