chore: try

Author: antfu

app/components/Package/TrendsChart.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { VueUiXyDatasetItem } from 'vue-data-ui'
-import { VueUiXy } from 'vue-data-ui/vue-ui-xy'
 import { useDebounceFn, useElementSize } from '@vueuse/core'
 import { useCssVariables } from '~/composables/useColors'
 import { OKLCH_NEUTRAL_FALLBACK, transparentizeOklch } from '~/utils/colors'
@@ -17,6 +16,10 @@ import type {
   YearlyDataPoint,
 } from '~/types/chart'
 
+import('vue-data-ui/style.css')
+
+const VueUiXy = defineAsyncComponent(() => import('vue-data-ui/vue-ui-xy').then(m => m.VueUiXy))
+
 const props = withDefaults(
   defineProps<{
     // For single package downloads history

app/components/Package/VersionDistribution.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { VueUiXy } from 'vue-data-ui/vue-ui-xy'
 import type {
   VueUiXyDatasetItem,
   VueUiXyDatasetBarItem,
@@ -19,6 +18,10 @@ type TooltipParams = MinimalCustomFormatParams<VueUiXyDatapointItem[]> & {
   bars: VueUiXyDatasetBarItem[]
 }
 
+import('vue-data-ui/style.css')
+
+const VueUiXy = defineAsyncComponent(() => import('vue-data-ui/vue-ui-xy').then(m => m.VueUiXy))
+
 const props = defineProps<{
   packageName: string
   inModal?: boolean

app/components/Package/WeeklyDownloadStats.vue

@@ -1,9 +1,14 @@
 <script setup lang="ts">
-import { VueUiSparkline } from 'vue-data-ui/vue-ui-sparkline'
 import { useCssVariables } from '~/composables/useColors'
 import type { WeeklyDataPoint } from '~/types/chart'
 import { OKLCH_NEUTRAL_FALLBACK, lightenOklch } from '~/utils/colors'
 
+import('vue-data-ui/style.css')
+
+const VueUiSparkline = defineAsyncComponent(() =>
+  import('vue-data-ui/vue-ui-sparkline').then(m => m.VueUiSparkline),
+)
+
 const props = defineProps<{
   packageName: string
   createdIso: string | null

nuxt.config.ts

@@ -30,7 +30,7 @@ export default defineNuxtConfig({
     storageKey: 'npmx-color-mode',
   },
 
-  css: ['~/assets/main.css', 'vue-data-ui/style.css'],
+  css: ['~/assets/main.css'],
 
   runtimeConfig: {
     sessionPassword: '',