fix: prevent infinite recursive loading of package stats (npmx-dev#675)

Co-authored-by: Daniel Roe <daniel@roe.dev>

Author: 2 people

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[]) ?? []

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

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