11<script setup lang="ts">
22import { VueUiXy } from ' vue-data-ui/vue-ui-xy'
3- import type { VueUiXyDatasetItem } from ' vue-data-ui'
3+ import type {
4+ VueUiXyDatasetItem ,
5+ VueUiXyDatasetBarItem ,
6+ VueUiXyDatapointItem ,
7+ MinimalCustomFormatParams ,
8+ } from ' vue-data-ui'
49import { useElementSize } from ' @vueuse/core'
510import { useCssVariables } from ' ~/composables/useColors'
611import { OKLCH_NEUTRAL_FALLBACK , transparentizeOklch } from ' ~/utils/colors'
712
13+ type TooltipParams = MinimalCustomFormatParams <VueUiXyDatapointItem []> & {
14+ bars: VueUiXyDatasetBarItem []
15+ }
16+
817const props = defineProps <{
918 packageName: string
1019 inModal? : boolean
@@ -119,7 +128,7 @@ const chartConfig = computed(() => {
119128 borderColor: ' transparent' ,
120129 backdropFilter: false ,
121130 backgroundColor: ' transparent' ,
122- customFormat : (params : any ) => {
131+ customFormat : (params : TooltipParams ) => {
123132 const { datapoint, absoluteIndex, bars } = params
124133 if (! datapoint ) return ' '
125134
@@ -129,7 +138,7 @@ const chartConfig = computed(() => {
129138
130139 if (! chartItem ) return ' '
131140
132- const barValue = bars ?.[0 ]?.values ?.[index ]
141+ const barValue = bars ?.[0 ]?.series ?.[index ]
133142 const raw = Number (barValue ?? chartItem .downloads ?? 0 )
134143 const v = compactNumberFormatter .value .format (Number .isFinite (raw ) ? raw : 0 )
135144
0 commit comments