src/Vinlottis.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <banner :routes="routes"/>
     <router-view />
-    <WineFooter />
+    <Footer />
     <UpdateToast
       v-if="showToast"
       :text="toastText"
@@ -15,12 +15,12 @@
 <script>
 import ServiceWorkerMixin from "@/mixins/ServiceWorkerMixin";
 import banner from "@/ui/Banner";
-import WineFooter from "@/ui/WineFooter";
+import Footer from "@/ui/Footer";
 import UpdateToast from "@/ui/UpdateToast";
 
 export default {
   name: "vinlottis",
-  components: { banner, UpdateToast, WineFooter },
+  components: { banner, UpdateToast, Footer },
   props: {},
   data() {
     return {

src/components/PersonalHighscorePage.vue

@@ -21,7 +21,7 @@
 
         <h4 class="el-spacing">Flasker vunnet:</h4>
 
-        <div v-for="win in winner.highscore" :key="win">
+        <div v-for="win in winner.highscore" :key="win._id">
           <router-link :to="winDateUrl(win.date)" class="days-ago">
             {{ humanReadableDate(win.date) }} - {{ daysAgo(win.date) }} dager siden
           </router-link>

src/ui/Highscore.vue

@@ -10,7 +10,7 @@
       </router-link>
     </section>
     <ol class="winner-list-container">
-      <li v-for="(person, index) in highscore" :key="person" class="single-winner">
+      <li v-for="(person, index) in highscore" :key="person._id" class="single-winner">
         <span class="placement">{{index + 1}}.</span>
         <i class="icon icon--medal"></i>
         <p class="winner-name">{{ person.name }}</p>

src/ui/TotalBought.vue

@@ -2,7 +2,7 @@
   <section class="outer-bought">
     <h3>Loddstatistikk</h3>
 
-    <div class="total-ballots">
+    <div class="total-raffles">
         Totalt&nbsp;
         <span class="total">{{ total }}</span>
         &nbsp;kjøpte og&nbsp;
@@ -17,7 +17,7 @@
           color.name +
             '-container ' +
             color.name +
-            '-ballot ballot-element-local'
+            '-raffle raffle-element-local'
         "
         :key="color.name"
         >
@@ -49,7 +49,7 @@ export default {
       redPercentage: 0,
       yellowPercentage: 0,
       greenPercentage: 0,
-      bluePercentage: 0,
+      bluePercentage: 0
     };
   },
   async mounted() {
@@ -152,7 +152,7 @@ export default {
   }
 }
 
-.total-ballots {
+.total-raffles {
   display: flex;
 }
 
@@ -162,7 +162,7 @@ export default {
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-gap: 50px;
 
-  .ballot-element-local {
+  .raffle-element-local {
     height: 250px;
     width: 100%;
     display: flex;
@@ -195,19 +195,19 @@ export default {
       margin-left: 15px;
     }
 
-    &.green-ballot {
+    &.green-raffle {
       background-color: $light-green;
     }
 
-    &.blue-ballot {
+    &.blue-raffle {
       background-color: $light-blue;
     }
 
-    &.yellow-ballot {
+    &.yellow-raffle {
       background-color: $light-yellow;
     }
 
-    &.red-ballot {
+    &.red-raffle {
       background-color: $light-red;
     }
   }