From 1e2d3763371765b85f5c623294300c322bf69fd7 Mon Sep 17 00:00:00 2001
From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Wed, 9 Oct 2024 00:35:16 -0500
Subject: [PATCH] Add suggestions by @TheDrone7

---
 pages/champions/[id].vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/champions/[id].vue b/pages/champions/[id].vue
index 28c98a5..e297a6c 100644
--- a/pages/champions/[id].vue
+++ b/pages/champions/[id].vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { Skin } from '~/core/models';
+
 const route = useRoute();
 const id = route.params.id as unknown;
 
@@ -65,7 +67,7 @@ const swapCurrentSkin = (id: number) => {
           </div>
         </div>
         <div>
-          <h5 class="text-light"><span class="fw-bold me-2">i</span> {{ champion.passive.name}}</h5>
+          <h5 class="text-light"><span class="fw-bold me-2 text-uppercase">p</span> {{ champion.passive.name}}</h5>
           <small v-html="champion.passive.description"></small>
         </div>
       </div>
@@ -77,7 +79,7 @@ const swapCurrentSkin = (id: number) => {
             </div>
           </div>
           <div>
-            <h5 class="text-light"><span class="fw-bold me-2">{{ spell.spellKey }}</span> {{ spell.name }}</h5>
+            <h5 class="text-light"><span class="fw-bold me-2 text-uppercase">{{ spell.spellKey }}</span> {{ spell.name }}</h5>
             <small v-html="spell.description"></small>
           </div>
       </div>