perf: layz load vue data ui components

Author: essenmitsosse

app/pages/compare.vue

@@ -246,7 +246,7 @@ useSeoMeta({
             {{ $t('compare.facets.trends.title') }}
           </h2>
 
-          <CompareLineChart :packages="packages.filter(p => p !== NO_DEPENDENCY_ID)" />
+          <LazyCompareLineChart :packages="packages.filter(p => p !== NO_DEPENDENCY_ID)" />
         </div>
 
         <div v-else class="text-center py-12" role="alert">

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

@@ -1147,7 +1147,7 @@ onKeyStroke(
           </ClientOnly>
 
           <!-- Download stats -->
-          <PackageWeeklyDownloadStats :packageName :createdIso="pkg?.time?.created ?? null" />
+          <LazyPackageWeeklyDownloadStats :packageName :createdIso="pkg?.time?.created ?? null" />
 
           <!-- Playground links -->
           <PackagePlaygrounds