fix: infinite skelton loading

Author: shamilkotta

app/components/Package/WeeklyDownloadStats.vue

@@ -5,6 +5,7 @@ import { OKLCH_NEUTRAL_FALLBACK, lightenOklch } from '~/utils/colors'
 
 const props = defineProps<{
   packageName: string
+  createdIso: string | null
 }>()
 
 const chartModal = useModal('chart-modal')
@@ -16,9 +17,6 @@ function openChartModal() {
   nextTick(() => chartModal.open())
 }
 
-const { data: packument } = usePackage(() => props.packageName)
-const createdIso = computed(() => packument.value?.time?.created ?? null)
-
 const { fetchPackageDownloadEvolution } = useCharts()
 
 const { accentColors, selectedAccentColor } = useAccentColor()
@@ -92,7 +90,7 @@ async function loadWeeklyDownloads() {
   try {
     const result = await fetchPackageDownloadEvolution(
       () => props.packageName,
-      () => createdIso.value,
+      () => props.createdIso,
       () => ({ granularity: 'week' as const, weeks: 52 }),
     )
     weeklyDownloads.value = (result as WeeklyDownloadPoint[]) ?? []
@@ -253,7 +251,7 @@ const config = computed(() => {
       :weeklyDownloads="weeklyDownloads"
       :inModal="true"
       :packageName="props.packageName"
-      :createdIso="createdIso"
+      :createdIso="props.createdIso"
     />
   </PackageChartModal>
 </template>

app/pages/[...package].vue

@@ -1046,7 +1046,7 @@ function handleClick(event: MouseEvent) {
           </ClientOnly>
 
           <!-- Download stats -->
-          <PackageWeeklyDownloadStats :packageName />
+          <PackageWeeklyDownloadStats :packageName :createdIso="pkg?.time?.created ?? null" />
 
           <!-- Playground links -->
           <PackagePlaygrounds