forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: address regressions (#620)
authored by
Alec Lloyd Probert
and committed by
GitHub
5ec03c09
2e8d908f
+15
-2
+15
-2
app/components/PackageDownloadAnalytics.vue
+15
-2
app/components/PackageDownloadAnalytics.vue
···
19
19
20
20
const { width } = useElementSize(rootEl)
21
21
22
-
onMounted(() => {
22
+
const chartKey = ref(0)
23
+
24
+
onMounted(async () => {
23
25
rootEl.value = document.documentElement
24
26
resolvedMode.value = colorMode.value === 'dark' ? 'dark' : 'light'
27
+
requestAnimationFrame(() => {
28
+
requestAnimationFrame(() => {
29
+
chartKey.value += 1
30
+
})
31
+
})
25
32
})
26
33
27
34
const { colors } = useCssVariables(
···
543
550
show: false, // As long as a single package is displayed
544
551
},
545
552
tooltip: {
553
+
teleportTo: '#chart-modal',
546
554
borderColor: 'transparent',
547
555
backdropFilter: false,
548
556
backgroundColor: 'transparent',
···
687
695
</div>
688
696
689
697
<ClientOnly v-if="inModal && chartData.dataset">
690
-
<VueUiXy :dataset="chartData.dataset" :config="config" class="[direction:ltr]">
698
+
<VueUiXy
699
+
:dataset="chartData.dataset"
700
+
:config="config"
701
+
class="[direction:ltr]"
702
+
:key="chartKey"
703
+
>
691
704
<template #menuIcon="{ isOpen }">
692
705
<span v-if="isOpen" class="i-carbon:close w-6 h-6" aria-hidden="true" />
693
706
<span v-else class="i-carbon:overflow-menu-vertical w-6 h-6" aria-hidden="true" />