From d1d4e2538899b366fead91ff3c19f612a2a1a18c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxt.com>
Date: Wed, 27 Nov 2024 16:09:05 +0100
Subject: [PATCH] chore: link npm downloads to npm chart

---
 app/pages/modules/[slug].vue | 2 +-
 app/pages/modules/index.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/modules/[slug].vue b/app/pages/modules/[slug].vue
index a066695bb..8d7da3252 100644
--- a/app/pages/modules/[slug].vue
+++ b/app/pages/modules/[slug].vue
@@ -122,7 +122,7 @@ defineOgImageComponent('Docs', {
 
       <div class="flex flex-col lg:flex-row lg:items-center gap-3 mt-4">
         <UTooltip text="Monthly NPM Downloads">
-          <NuxtLink class="flex items-center gap-1.5" :to="`https://npmjs.org/package/${module.npm}`" target="_blank">
+          <NuxtLink class="flex items-center gap-1.5" :to="`https://npm.chart.dev/${module.npm}`" target="_blank">
             <UIcon name="i-ph-arrow-circle-down" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">{{ formatNumber(module.stats.downloads) }} downloads</span>
           </NuxtLink>
diff --git a/app/pages/modules/index.vue b/app/pages/modules/index.vue
index 2e7a383ff..697eb49b0 100644
--- a/app/pages/modules/index.vue
+++ b/app/pages/modules/index.vue
@@ -191,7 +191,7 @@ const { copy } = useCopyToClipboard()
                   <UTooltip text="Monthly NPM Downloads">
                     <NuxtLink
                       class="flex items-center gap-1 hover:text-gray-900 hover:dark:text-white"
-                      :to="`https://npmjs.org/package/${module.npm}`"
+                      :to="`https://npm.chart.dev/${module.npm}`"
                       target="_blank"
                     >
                       <UIcon name="i-ph-arrow-circle-down" class="w-4 h-4 flex-shrink-0" />