diff --git a/app/components/module/ModuleItem.vue b/app/components/module/ModuleItem.vue index 21062cf3a..f85f0051a 100644 --- a/app/components/module/ModuleItem.vue +++ b/app/components/module/ModuleItem.vue @@ -85,12 +85,26 @@ const items = computed(() => [ to: `https://github.com/${props.module.repo}`, target: '_blank' }, - { - label: 'View on npm', - icon: 'i-lucide-package', - to: `https://npm.chart.dev/${props.module.npm}`, - target: '_blank' - } + ...(props.module.npm ? [ + { + label: 'View downloads', + icon: 'i-lucide-package', + to: `https://npm.chart.dev/${props.module.npm}`, + target: '_blank' + }, + { + label: 'View on npm', + icon: 'i-simple-icons-npm', + to: `https://www.npmjs.com/package/${props.module.npm}`, + target: '_blank' + }, + { + label: 'View on npmx', + icon: 'i-simple-icons-npm', + to: `https://npmx.dev/package/${props.module.npm}`, + target: '_blank' + } + ] : []) ] ]) diff --git a/app/pages/modules/[slug].vue b/app/pages/modules/[slug].vue index 413615acf..8bf789bd1 100644 --- a/app/pages/modules/[slug].vue +++ b/app/pages/modules/[slug].vue @@ -34,6 +34,11 @@ const links = computed(() => module.value label: module.value.npm, to: `https://npmjs.org/package/${module.value.npm}`, target: '_blank' + }, module.value.npm && { + icon: 'i-simple-icons-npm', + label: 'npmx', + to: `https://npmx.dev/package/${module.value.npm}`, + target: '_blank' }, module.value.learn_more && { icon: 'i-lucide-link', label: 'Learn more', diff --git a/server/routes/raw/modules.md.get.ts b/server/routes/raw/modules.md.get.ts index 4e00e705f..b91ec5630 100644 --- a/server/routes/raw/modules.md.get.ts +++ b/server/routes/raw/modules.md.get.ts @@ -22,7 +22,8 @@ export default defineCachedEventHandler(async (event) => { const links = [ mod.website ? `[Docs](${mod.website})` : '', mod.repo ? `[GitHub](https://github.com/${mod.repo})` : '', - `[npm](https://www.npmjs.com/package/${mod.npm})` + `[npm](https://www.npmjs.com/package/${mod.npm})`, + `[npmx](https://npmx.dev/package/${mod.npm})` ].filter(Boolean).join(' ยท ') lines.push(`### ${mod.npm}`, '')