Test logo as index ogImage

frontend/components/Logo.vue

@@ -8,7 +8,7 @@ defineProps<{
 <template>
     <div style="width: fit-content; max-width: 100%; overflow: hidden;">
     <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
-    <img id="logo-img" alt="BuildPath" :width="imgWidth == null ? '120' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+    <img id="logo-img" alt="BuildPath" :width="imgWidth == null ? '120' : Number(imgWidth)" src="/buildpath-high-resolution-logo-transparent.png" />
     <h1 :style="'font-size: ' + (fontSize == null ? '5.0rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
     </NuxtLink>
     </div>

frontend/components/NavBar.vue

@@ -23,7 +23,7 @@ function handleStateChange(newState : string, newLane: number) {
     <div class="navbar-container">
         
         <NuxtLink style="display: flex; width: fit-content; text-decoration: none; align-items: center; margin-left: 10px;" to="/">
-        <img id="navbar-logo-img" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+        <img id="navbar-logo-img" src="/buildpath-high-resolution-logo-transparent.png" />
         </NuxtLink>
 
         <div v-for="(lane, i) in championLanes" style="display: flex; align-items: center; margin-left: 20px;">

frontend/pages/index.vue

@@ -1,4 +1,10 @@
 <script setup lang="ts">
+defineOgImage({
+    url: "/buildpath-high-resolution-logo-transparent.png",
+    width: 192,
+    height: 245
+})
+
 import { POSITIONS, LANE_IMAGES, POSITIONS_STR } from '~/utils/cdragon';
 
 const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetch("/api/stats")