feat: add charts in compare page

Author: graphieros

app/components/Compare/LineChart.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import DownloadAnalytics from '../Package/DownloadAnalytics.vue'
+
+const { packages } = defineProps<{
+  packages: string[]
+}>()
+</script>
+
+<template>
+  <div class="font-mono">
+    <DownloadAnalytics :package-names="packages" :in-modal="false" />
+  </div>
+</template>

app/pages/compare.vue

@@ -153,6 +153,15 @@ useSeoMeta({
               :headers="gridHeaders"
             />
           </div>
+
+          <h2
+            id="comparison-heading"
+            class="text-xs text-fg-subtle uppercase tracking-wider mb-4 mt-10"
+          >
+            downloads history
+          </h2>
+
+          <CompareLineChart :packages />
         </div>
 
         <div v-else class="text-center py-12" role="alert">