First ogImage try

frontend/pages/champion/[alias].vue

@@ -5,6 +5,14 @@ const championAlias = route.params.alias as string
 const { data : championData } : {data : Ref<ChampionData>} = await useFetch("/api/champion/" + championAlias.toLowerCase())
 const championId = championData.value.id
 
+defineOgImageComponent('OgChampion', {
+    title: championData.value.name,
+    id: championId,
+    winrate: championData.value.winrate,
+    pickrate: championData.value.pickrate,
+    gameCount: championData.value.gameCount,
+})
+
 const laneState = ref(0)
 const state = ref("runes")
 const lane = ref(championData.value.lanes[laneState.value])