SideBar on index page :)

frontend/components/nav/SideBar.vue

@@ -18,6 +18,9 @@ function handleStateChange(newState : string, newLane: number) {
     laneState.value = newLane;
     emit('stateChange', newState, newLane)
 }
+
+const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetch("/api/stats")
+
 </script>
 
 <template>
@@ -48,6 +51,20 @@ function handleStateChange(newState : string, newLane: number) {
         </div>
 
         <NavTierlistList v-if="tierlistList == true" style="margin-top: 30px;" />
+
+        <div style="position: absolute; bottom: 0; margin-bottom: 10px; padding-left: 10px;">
+            <h3 style="font-size: 23px; font-weight: 200;">
+                Patch {{ stats.patch }}
+            </h3>
+            <h3 style="font-size: 23px; font-weight: 200;">
+                {{ stats.count }} games
+            </h3>
+            <h2 style="font-size: 12px; font-weight: 200; margin-top: 5px;">
+                BuildPath isn't endorsed by Riot Games and doesn't reflect the views or opinions of 
+                Riot Games or anyone officially involved in producing or managing Riot Games properties.
+                Riot Games, and all associated properties are trademarks or registered trademarks of Riot Games, Inc.
+            </h2>
+        </div>
     </div>
 </template>