feat(tooltip): Add emoji and number seperator

Author: apertureless

src/components/LineChart.vue

@@ -52,7 +52,17 @@
             yPadding: 14,
             displayColors: false,
             mode: 'index',
-            intersect: false
+            intersect: false,
+            callbacks: {
+              title: tooltipItem => {
+                return `🗓 ${tooltipItem[0].xLabel}`
+              },
+              label: (tooltipItem, data) => {
+                let dataset = data.datasets[tooltipItem.datasetIndex]
+                let currentValue = dataset.data[tooltipItem.index]
+                return `📦 ${currentValue.toLocaleString()}`
+              }
+            }
           },
           legend: {
             display: false

src/components/PackageInfo.vue

@@ -3,7 +3,7 @@
     <h1 class="Package__title">{{ packageName }}</h1>
     <div class="Package__info">
       <div class="Package__info-item">
-        <span>{{ totalDownloads }}</span><span class="info-label">Total Downloads</span>
+        <span>{{ totalDownloads.toLocaleString() }}</span><span class="info-label">Total Downloads</span>
       </div>
       <div class="Package__info-item">
         <span>{{ period }}</span><span class="info-label">Period</span>