Lint and format

frontend/components/OgImage/Champion.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 defineProps<{
-  title: string,
-  id: number,
-  winrate: number,
-  pickrate: number,
+  title: string
+  id: number
+  winrate: number
+  pickrate: number
   gameCount: number
 }>()
-
 </script>
 
 <template>
@@ -23,13 +22,23 @@ defineProps<{
         </div>
         <div class="text-[200px]">
           <!-- Champion image -->
-            <div class="my-auto ml-10" 
-                style="overflow: hidden; width: 220px; height: 220px; border: 1px solid #B7B8E1;">
-            <NuxtImg width="216px" height="216px" 
-                class="object-cover"
-                style="transform: translate(4px, 4px) scale(1.2, 1.2); width: 216px; height: 216px;"
-                :src="CDRAGON_BASE + 'plugins/rcp-be-lol-game-data/global/default/v1/champion-icons/' + id + '.png'" />
-            </div>
+          <div
+            class="my-auto ml-10"
+            style="overflow: hidden; width: 220px; height: 220px; border: 1px solid #b7b8e1"
+          >
+            <NuxtImg
+              width="216px"
+              height="216px"
+              class="object-cover"
+              style="transform: translate(4px, 4px) scale(1.2, 1.2); width: 216px; height: 216px"
+              :src="
+                CDRAGON_BASE +
+                'plugins/rcp-be-lol-game-data/global/default/v1/champion-icons/' +
+                id +
+                '.png'
+              "
+            />
+          </div>
         </div>
       </div>
       <div class="flex flex-row items-center justify-between">
@@ -38,27 +47,21 @@ defineProps<{
             <!-- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m4.67 28l6.39-12l7.3 6.49a2 2 0 0 0 1.7.47a2 2 0 0 0 1.42-1.07L27 10.9l-1.82-.9l-5.49 11l-7.3-6.49a2 2 0 0 0-1.68-.51a2 2 0 0 0-1.42 1L4 25V2H2v26a2 2 0 0 0 2 2h26v-2Z" /></svg> -->
             <div class="pl-2">
               <div class="text-[#B7B8E1]">{{ (winrate * 100).toFixed(2) }}%</div>
-              <div class="text-lg text-[#B7B8E1]">
-                Winrate
-              </div>
+              <div class="text-lg text-[#B7B8E1]">Winrate</div>
             </div>
           </div>
           <div class="flex flex-row pr-10">
             <!-- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1L16 6.52M16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z" /></svg> -->
             <div class="pl-2">
               <div class="text-[#B7B8E1]">{{ (pickrate * 100).toFixed(2) }}%</div>
-              <div class="text-lg text-[#B7B8E1]">
-                Pickrate
-              </div>
+              <div class="text-lg text-[#B7B8E1]">Pickrate</div>
             </div>
           </div>
           <div class="flex flex-row pr-10">
             <!-- <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#888888" d="M22.45 6a5.47 5.47 0 0 1 3.91 1.64a5.7 5.7 0 0 1 0 8L16 26.13L5.64 15.64a5.7 5.7 0 0 1 0-8a5.48 5.48 0 0 1 7.82 0l2.54 2.6l2.53-2.58A5.44 5.44 0 0 1 22.45 6m0-2a7.47 7.47 0 0 0-5.34 2.24L16 7.36l-1.11-1.12a7.49 7.49 0 0 0-10.68 0a7.72 7.72 0 0 0 0 10.82L16 29l11.79-11.94a7.72 7.72 0 0 0 0-10.82A7.49 7.49 0 0 0 22.45 4Z" /></svg> -->
             <div class="pl-2">
               <div class="text-[#B7B8E1]">{{ gameCount }}</div>
-              <div class="text-lg text-[#B7B8E1]">
-                Games
-              </div>
+              <div class="text-lg text-[#B7B8E1]">Games</div>
             </div>
           </div>
         </div>
@@ -86,4 +89,3 @@ defineProps<{
     <div class="absolute bottom-0 w-full h-8 bg-[#B7B8E1]" />
   </div>
 </template>
-