Lint frontend

frontend/components/nav/BottomBar.vue

@@ -49,6 +49,7 @@ if (route.path.startsWith('/tierlist/')) {
 
     <div
       v-for="(lane, i) in championLanes"
+      :key="i"
       style="display: flex; align-items: center; margin-left: 20px"
     >
       <NuxtImg
@@ -82,6 +83,7 @@ if (route.path.startsWith('/tierlist/')) {
       <div style="display: flex">
         <NuxtLink
           v-for="(pos, i) in POSITIONS"
+          :key="i"
           style="margin-top: 5px; margin-bottom: 5px"
           :to="'/tierlist/' + pos"
         >

frontend/components/nav/SideBar.vue

@@ -33,7 +33,7 @@ if (route.path.startsWith('/tierlist/')) {
 
 <template>
   <!-- To make content have a 300px margin -->
-  <div class="sidebar-margin"/>
+  <div class="sidebar-margin" />
 
   <div class="sidebar-container">
     <Logo
@@ -42,7 +42,7 @@ if (route.path.startsWith('/tierlist/')) {
       style="padding-left: 15px; padding-right: 15px; margin-top: 30px"
     />
 
-    <div v-for="(lane, i) in championLanes">
+    <div v-for="(lane, i) in championLanes" :key="i">
       <div
         style="
           display: flex;
@@ -103,6 +103,7 @@ if (route.path.startsWith('/tierlist/')) {
       <h2 style="padding-left: 20px; font-size: 2.4rem; margin-bottom: 10px">Tierlist</h2>
       <NuxtLink
         v-for="(pos, i) in POSITIONS"
+        :key="i"
         style="margin-top: 5px; margin-bottom: 5px"
         :to="'/tierlist/' + pos"
       >