fix CurveType enum for vue-chrts typecheck

Author: onmax

app/components/validator/LayoutDashboard.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { FetchedValidatorDetails } from '~~/server/utils/validators'
+import { CurveType } from 'vue-chrts'
 
 const props = defineProps<{ validator: FetchedValidatorDetails }>()
 const validatorRef = computed(() => props.validator)
@@ -67,7 +68,7 @@ const donutCategories = { 0: { name: 'Availability', color: 'var(--nq-blue)' },
         <AreaChart
           :data="scoreTrendData" :height="200" :categories="scoreCategories"
           :x-formatter="(t: number) => `E${t}`" :y-formatter="(t: number) => `${Math.round(t * 100)}`"
-          :y-domain="[0, 1]" hide-legend curve-type="monotoneX"
+          :y-domain="[0, 1]" hide-legend :curve-type="CurveType.MonotoneX"
         />
       </div>
     </div>
@@ -87,7 +88,7 @@ const donutCategories = { 0: { name: 'Availability', color: 'var(--nq-blue)' },
         <LineChart
           :data="balanceData" :height="200" :categories="balanceCategories"
           :x-formatter="(t: number) => `E${t}`" :y-formatter="(t: number) => formatLunaAsNim(t * 1e5)"
-          hide-legend curve-type="monotoneX"
+          hide-legend :curve-type="CurveType.MonotoneX"
         />
       </div>
     </div>

app/components/validator/LayoutDeepDive.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { FetchedValidatorDetails } from '~~/server/utils/validators'
+import { CurveType } from 'vue-chrts'
 
 const props = defineProps<{ validator: FetchedValidatorDetails }>()
 const validatorRef = computed(() => props.validator)
@@ -44,7 +45,7 @@ const dualLineCategories = { score: { name: 'Score', color: 'var(--nq-green)' }
       <AreaChart
         :data="scoreTrendAllData" :height="280" :categories="allScoreCategories"
         :x-formatter="(t: number) => `E${t}`" :y-formatter="(t: number) => `${Math.round(t * 100)}`"
-        :y-domain="[0, 1]" curve-type="monotoneX"
+        :y-domain="[0, 1]" :curve-type="CurveType.MonotoneX"
       />
     </div>
 
@@ -65,7 +66,7 @@ const dualLineCategories = { score: { name: 'Score', color: 'var(--nq-green)' }
         <span nq-label text="11 neutral-800" mb-8 block>Stakers</span>
         <LineChart
           :data="stakersData" :height="200" :categories="stakersCategories"
-          :x-formatter="(t: number) => `E${t}`" hide-legend curve-type="monotoneX"
+          :x-formatter="(t: number) => `E${t}`" hide-legend :curve-type="CurveType.MonotoneX"
         />
       </div>
       <div flex="~ col gap-16">

app/components/validator/LayoutProfile.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { FetchedValidatorDetails } from '~~/server/utils/validators'
+import { CurveType } from 'vue-chrts'
 
 const props = defineProps<{ validator: FetchedValidatorDetails }>()
 const validatorRef = computed(() => props.validator)
@@ -53,7 +54,7 @@ const stakersCategories = { stakers: { name: 'Stakers', color: 'var(--nq-blue)'
           <AreaChart
             :data="scoreTrendData" :height="200" :categories="scoreCategories"
             :x-formatter="(t: number) => `E${t}`" :y-formatter="(t: number) => `${Math.round(t * 100)}`"
-            :y-domain="[0, 1]" hide-legend curve-type="monotoneX"
+            :y-domain="[0, 1]" hide-legend :curve-type="CurveType.MonotoneX"
           />
         </div>
 
@@ -87,15 +88,15 @@ const stakersCategories = { stakers: { name: 'Stakers', color: 'var(--nq-blue)'
           <LineChart
             :data="balanceData" :height="140" :categories="balanceCategories"
             :x-formatter="(t: number) => `E${t}`" :y-formatter="(t: number) => formatLunaAsNim(t * 1e5)"
-            hide-legend curve-type="monotoneX"
+            hide-legend :curve-type="CurveType.MonotoneX"
           />
         </div>
 
         <!-- Stakers chart -->
         <div bg-neutral-0 outline="~ 1.5 neutral/6" rounded-8 shadow f-p-md>
           <LineChart
             :data="stakersData" :height="140" :categories="stakersCategories"
-            :x-formatter="(t: number) => `E${t}`" hide-legend curve-type="monotoneX"
+            :x-formatter="(t: number) => `E${t}`" hide-legend :curve-type="CurveType.MonotoneX"
           />
         </div>