From ab8fd9dd83b682a4ca20c80de23c87e5659622a1 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 14 Jun 2020 13:37:44 +0200
Subject: [PATCH] Insteadof mount all tabs & hiding,use :is to mount

---
 src/components/LotteryPage.vue |  4 +---
 src/ui/Tabs.vue                | 10 +---------
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/components/LotteryPage.vue b/src/components/LotteryPage.vue
index b0d6454..5306a90 100644
--- a/src/components/LotteryPage.vue
+++ b/src/components/LotteryPage.vue
@@ -11,9 +11,7 @@ import VirtualLotteryPage from "@/components/VirtualLotteryPage";
 
 export default {
   components: {
-    Tabs,
-    GeneratePage,
-    VirtualLotteryPage
+    Tabs
   },
   data() {
     return {
diff --git a/src/ui/Tabs.vue b/src/ui/Tabs.vue
index aebc734..b2b7cc2 100644
--- a/src/ui/Tabs.vue
+++ b/src/ui/Tabs.vue
@@ -10,12 +10,7 @@
       >{{ tab.name }}</div>
     </div>
     <div class="tab-elements">
-      <component
-        v-for="(tab, index) in tabs"
-        :key="index"
-        :is="tab.component"
-        :class="chosenTab == index ? null : 'hide'"
-      />
+      <component :is="tabs[chosenTab].component" />
     </div>
   </div>
 </template>
@@ -54,9 +49,6 @@ export default {
 h1 {
   text-align: center;
 }
-.hide {
-  display: none;
-}
 
 .tab-container {
   display: flex;