From 2c254e0c6b564483238c3d4aaa2efbf91d90a18d Mon Sep 17 00:00:00 2001
From: vhaudiquet <vhaudiquet343@hotmail.fr>
Date: Wed, 4 Dec 2024 23:07:28 +0100
Subject: [PATCH] Test logo as index ogImage

---
 frontend/components/Logo.vue                        |   2 +-
 frontend/components/NavBar.vue                      |   2 +-
 frontend/pages/index.vue                            |   6 ++++++
 .../buildpath-high-resolution-logo-transparent.png  | Bin
 4 files changed, 8 insertions(+), 2 deletions(-)
 rename frontend/{assets/img => public}/buildpath-high-resolution-logo-transparent.png (100%)

diff --git a/frontend/components/Logo.vue b/frontend/components/Logo.vue
index b47e904..7dedc97 100644
--- a/frontend/components/Logo.vue
+++ b/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>
diff --git a/frontend/components/NavBar.vue b/frontend/components/NavBar.vue
index 8c6c4e0..2bf8bc7 100644
--- a/frontend/components/NavBar.vue
+++ b/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;">
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index f3fa88e..7df0c9b 100644
--- a/frontend/pages/index.vue
+++ b/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")
diff --git a/frontend/assets/img/buildpath-high-resolution-logo-transparent.png b/frontend/public/buildpath-high-resolution-logo-transparent.png
similarity index 100%
rename from frontend/assets/img/buildpath-high-resolution-logo-transparent.png
rename to frontend/public/buildpath-high-resolution-logo-transparent.png