From 59147f75a2032f4e451fc6d19bd9ca5351acb03f Mon Sep 17 00:00:00 2001
From: Trenton Zimmer <66042448+trmazi@users.noreply.github.com>
Date: Tue, 21 Jul 2026 16:04:35 -0400
Subject: [PATCH] Add number to flare skills

---
 src/components/CardBoxWidget.vue | 10 +++++-----
 src/views/Game/PlayerView.vue    |  2 ++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/CardBoxWidget.vue b/src/components/CardBoxWidget.vue
index b8b9ba2..c1f8dfa 100644
--- a/src/components/CardBoxWidget.vue
+++ b/src/components/CardBoxWidget.vue
@@ -79,6 +79,11 @@ defineProps({
               {{ label }}
             </h3>
             <h1 class="text-2xl md:text-3xl leading-tight font-semibold">
+              <div
+                :class="numColor + (smallContent ? ` text-lg font-normal` : ``)"
+              >
+                <slot />
+              </div>
               <NumberDynamic
                 v-if="number"
                 :class="numColor"
@@ -86,11 +91,6 @@ defineProps({
                 :prefix="prefix"
                 :suffix="suffix"
               />
-              <div
-                :class="numColor + (smallContent ? ` text-lg font-normal` : ``)"
-              >
-                <slot />
-              </div>
             </h1>
           </div>
         </BaseLevel>
diff --git a/src/views/Game/PlayerView.vue b/src/views/Game/PlayerView.vue
index 70df1f4..5b0244b 100644
--- a/src/views/Game/PlayerView.vue
+++ b/src/views/Game/PlayerView.vue
@@ -538,6 +538,7 @@ const groupedTimeline = computed(() => {
             v-if="myProfile.flare_single"
             label="SP Flare"
             :num-color="getFlareLevel(myProfile.flare_single).textColor"
+            :number="myProfile.flare_single"
           >
             {{ getFlareLevel(myProfile.flare_single).label }}
           </CardBoxWidget>
@@ -545,6 +546,7 @@ const groupedTimeline = computed(() => {
             v-if="myProfile.flare_double"
             label="DP Flare"
             :num-color="getFlareLevel(myProfile.flare_double).textColor"
+            :number="myProfile.flare_double"
           >
             {{ getFlareLevel(myProfile.flare_double).label }}
           </CardBoxWidget>