From c0d51ff401e83ad7af77343f6c14a4e7c8ad545d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 14:07:20 +0100
Subject: [PATCH 01/16] feat: remove click hijacking from readme

---
 app/components/Readme.vue | 62 ---------------------------------------
 1 file changed, 62 deletions(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 512e217cf..a9bf836c9 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -2,67 +2,6 @@
 defineProps<{
   html: string
 }>()
-
-const router = useRouter()
-const { copy } = useClipboard()
-
-// Combined click handler for:
-// 1. Intercepting npmjs.com links to route internally
-// 2. Copy button functionality for code blocks
-function handleClick(event: MouseEvent) {
-  const target = event.target as HTMLElement | undefined
-  if (!target) return
-
-  // Handle copy button clicks
-  const copyTarget = target.closest('[data-copy]')
-  if (copyTarget) {
-    const wrapper = copyTarget.closest('.readme-code-block')
-    if (!wrapper) return
-
-    const pre = wrapper.querySelector('pre')
-    if (!pre?.textContent) return
-
-    copy(pre.textContent)
-
-    const icon = copyTarget.querySelector('span')
-    if (!icon) return
-
-    const originalIcon = 'i-carbon:copy'
-    const successIcon = 'i-carbon:checkmark'
-
-    icon.classList.remove(originalIcon)
-    icon.classList.add(successIcon)
-
-    setTimeout(() => {
-      icon.classList.remove(successIcon)
-      icon.classList.add(originalIcon)
-    }, 2000)
-    return
-  }
-
-  // Handle npmjs.com link clicks - route internally
-  const anchor = target.closest('a')
-  if (!anchor) return
-
-  const href = anchor.getAttribute('href')
-  if (!href) return
-
-  // Handle relative anchor links
-  if (href.startsWith('#')) {
-    event.preventDefault()
-    router.push(href)
-    return
-  }
-
-  const match = href.match(/^(?:https?:\/\/)?(?:www\.)?npmjs\.(?:com|org)(\/.+)$/)
-  if (!match || !match[1]) return
-
-  const route = router.resolve(match[1])
-  if (route) {
-    event.preventDefault()
-    router.push(route)
-  }
-}
 </script>
 
 <template>
@@ -77,7 +16,6 @@ function handleClick(event: MouseEvent) {
       '--i18n-warning': '\'' + $t('package.readme.callout.warning') + '\'',
       '--i18n-caution': '\'' + $t('package.readme.callout.caution') + '\'',
     }"
-    @click="handleClick"
   />
 </template>
 

From df6ecb00e65734a164506bcee8343adc35c16606 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 14:44:50 +0100
Subject: [PATCH 02/16] feat: add external link indicator to readme

---
 server/utils/readme.ts                | 8 +++++++-
 test/unit/server/utils/readme.spec.ts | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index 21dcf735c..c65c387e5 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -368,6 +368,12 @@ ${html}
     const isExternal = resolvedHref.startsWith('http://') || resolvedHref.startsWith('https://')
     const relAttr = isExternal ? ' rel="nofollow noreferrer noopener"' : ''
     const targetAttr = isExternal ? ' target="_blank"' : ''
+    const isExternalIcon = isExternal
+      ? `<span
+      class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"
+      aria-hidden="true"
+    />`
+      : ''
 
     // Check if this is a playground link
     const provider = matchPlaygroundProvider(resolvedHref)
@@ -387,7 +393,7 @@ ${html}
 
     const hrefValue = resolvedHref.startsWith('#') ? resolvedHref.toLowerCase() : resolvedHref
 
-    return `<a href="${hrefValue}"${titleAttr}${relAttr}${targetAttr}>${text}</a>`
+    return `<a href="${hrefValue}"${titleAttr}${relAttr}${targetAttr}>${text}${isExternalIcon}</a>`
   }
 
   // GitHub-style callouts: > [!NOTE], > [!TIP], etc.
diff --git a/test/unit/server/utils/readme.spec.ts b/test/unit/server/utils/readme.spec.ts
index 7790d4d04..8f6e89f64 100644
--- a/test/unit/server/utils/readme.spec.ts
+++ b/test/unit/server/utils/readme.spec.ts
@@ -323,7 +323,7 @@ describe('Markdown Content Extraction', () => {
       const result = await renderReadmeHtml(markdown, 'test-pkg')
 
       expect(result.html).toBe(`<h3 id="user-content-title" data-level="1">Title</h3>
-<p>Some <strong>bold</strong> text and a <a href="https://example.com" rel="nofollow noreferrer noopener" target="_blank">link</a>.</p>
+<p>Some <strong>bold</strong> text and a <a href="https://example.com" rel="nofollow noreferrer noopener" target="_blank">link<span class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"></span></a>.</p>
 `)
     })
   })

From 81e13c053ce5479ff48dafe399d49bdacef488fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 14:49:55 +0100
Subject: [PATCH 03/16] style: align readme links with regular links

---
 app/components/Readme.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index a9bf836c9..8a1a7c5c8 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -79,15 +79,24 @@ defineProps<{
 }
 
 .readme :deep(a) {
-  color: var(--fg);
-  text-decoration: underline;
-  text-underline-offset: 4px;
-  text-decoration-color: var(--fg-subtle);
-  transition: text-decoration-color 0.2s ease;
+  @apply underline-offset-[0.2rem]
+  @apply underline
+  @apply decoration-1
+  @apply decoration-fg/30
+  @apply font-mono
+  @apply text-fg
+  @apply transition-colors
+  @apply duration-200;
 }
 
 .readme :deep(a:hover) {
-  text-decoration-color: var(--accent);
+  @apply decoration-accent
+  @apply text-accent;
+}
+
+.readme :deep(a:focus-visible) {
+  @apply decoration-accent
+  @apply text-accent;
 }
 
 .readme :deep(code) {

From e30cb0418420adb66cdfaff695c5789d3b876c73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 15:29:09 +0100
Subject: [PATCH 04/16] feat: replace npmjs urls in readme with local

---
 server/utils/readme.ts                | 33 +++++++++++++++++++++++++++
 test/unit/server/utils/readme.spec.ts | 23 +++++++++++++++++++
 2 files changed, 56 insertions(+)

diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index c65c387e5..55920abf0 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -183,6 +183,33 @@ function slugify(text: string): string {
     .replace(/^-|-$/g, '') // Trim leading/trailing hyphens
 }
 
+/** These path on npmjs.com don't belong to packages or search, so we shouldn't try to replace them with npmx.dev urls */
+const reservedPathsNpmJs = [
+  'products',
+  'login',
+  'signup',
+  'advisories',
+  'blog',
+  'about',
+  'press',
+  'policies',
+]
+
+const isNpmJsUrlThatCanBeRedirected = (url: URL) => {
+  if (url.host !== 'www.npmjs.com' && url.host !== 'npmjs.com') {
+    return false
+  }
+
+  if (
+    url.pathname === '/' ||
+    reservedPathsNpmJs.some(path => url.pathname.startsWith(`/${path}`))
+  ) {
+    return false
+  }
+
+  return true
+}
+
 /**
  * Resolve a relative URL to an absolute URL.
  * If repository info is available, resolve to provider's raw file URLs.
@@ -199,6 +226,11 @@ function resolveUrl(url: string, packageName: string, repoInfo?: RepositoryInfo)
     try {
       const parsed = new URL(url, 'https://example.com')
       if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {
+        // Redirect npmjs urls to ourself
+        console.log({ isnpm: isNpmJsUrlThatCanBeRedirected(parsed) })
+        if (isNpmJsUrlThatCanBeRedirected(parsed)) {
+          return parsed.pathname + parsed.search + parsed.hash
+        }
         return url
       }
     } catch {
@@ -362,6 +394,7 @@ ${html}
   // Resolve link URLs, add security attributes, and collect playground links
   renderer.link = function ({ href, title, tokens }: Tokens.Link) {
     const resolvedHref = resolveUrl(href, packageName, repoInfo)
+    console.log({ resolvedHref })
     const text = this.parser.parseInline(tokens)
     const titleAttr = title ? ` title="${title}"` : ''
 
diff --git a/test/unit/server/utils/readme.spec.ts b/test/unit/server/utils/readme.spec.ts
index 8f6e89f64..2b9f5ba25 100644
--- a/test/unit/server/utils/readme.spec.ts
+++ b/test/unit/server/utils/readme.spec.ts
@@ -306,6 +306,29 @@ describe('Markdown File URL Resolution', () => {
       )
     })
   })
+
+  describe('npm.js urls', () => {
+    it('redirects npmjs.com urls to local', async () => {
+      const markdown = `[Some npmjs.com link](https://www.npmjs.com/package/test-pkg)`
+      const result = await renderReadmeHtml(markdown, 'test-pkg')
+
+      expect(result.html).toContain('href="/package/test-pkg"')
+    })
+
+    it('redirects npmjs.com urls to local (no www and http)', async () => {
+      const markdown = `[Some npmjs.com link](http://npmjs.com/package/test-pkg)`
+      const result = await renderReadmeHtml(markdown, 'test-pkg')
+
+      expect(result.html).toContain('href="/package/test-pkg"')
+    })
+
+    it('does not redirect npmjs.com to local if they are in the list of exceptions', async () => {
+      const markdown = `[Root Contributing](https://www.npmjs.com/products)`
+      const result = await renderReadmeHtml(markdown, 'test-pkg')
+
+      expect(result.html).toContain('href="https://www.npmjs.com/products"')
+    })
+  })
 })
 
 describe('Markdown Content Extraction', () => {

From 4cf28434b8aa99eab32a883ada52303e42e09337 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 15:39:37 +0100
Subject: [PATCH 05/16] revert: re-add copy button functionalit

Ooopsie daisy
---
 app/components/Readme.vue | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 8a1a7c5c8..e1bcd7dc8 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -2,6 +2,43 @@
 defineProps<{
   html: string
 }>()
+
+const { copy } = useClipboard()
+
+// Combined click handler for:
+// 1. Intercepting npmjs.com links to route internally
+// 2. Copy button functionality for code blocks
+function handleClick(event: MouseEvent) {
+  const target = event.target as HTMLElement | undefined
+  if (!target) return
+
+  // Handle copy button clicks
+  const copyTarget = target.closest('[data-copy]')
+  if (copyTarget) {
+    const wrapper = copyTarget.closest('.readme-code-block')
+    if (!wrapper) return
+
+    const pre = wrapper.querySelector('pre')
+    if (!pre?.textContent) return
+
+    copy(pre.textContent)
+
+    const icon = copyTarget.querySelector('span')
+    if (!icon) return
+
+    const originalIcon = 'i-carbon:copy'
+    const successIcon = 'i-carbon:checkmark'
+
+    icon.classList.remove(originalIcon)
+    icon.classList.add(successIcon)
+
+    setTimeout(() => {
+      icon.classList.remove(successIcon)
+      icon.classList.add(originalIcon)
+    }, 2000)
+    return
+  }
+}
 </script>
 
 <template>
@@ -16,6 +53,7 @@ defineProps<{
       '--i18n-warning': '\'' + $t('package.readme.callout.warning') + '\'',
       '--i18n-caution': '\'' + $t('package.readme.callout.caution') + '\'',
     }"
+    @click="handleClick"
   />
 </template>
 

From 8ebcbeaf5c0c9b9d6683bd1c62aef4000ff69123 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 15:44:39 +0100
Subject: [PATCH 06/16] fix: invalid html

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---
 server/utils/readme.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index 55920abf0..f54a6719d 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -405,7 +405,7 @@ ${html}
       ? `<span
       class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"
       aria-hidden="true"
-    />`
+    ></span>`
       : ''
 
     // Check if this is a playground link

From 8fdf339cc5807d81f3a1d6546f406d974752e548 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 15:41:59 +0100
Subject: [PATCH 07/16] fix: remove debug logging

---
 server/utils/readme.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index f54a6719d..a627ed502 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -227,7 +227,6 @@ function resolveUrl(url: string, packageName: string, repoInfo?: RepositoryInfo)
       const parsed = new URL(url, 'https://example.com')
       if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {
         // Redirect npmjs urls to ourself
-        console.log({ isnpm: isNpmJsUrlThatCanBeRedirected(parsed) })
         if (isNpmJsUrlThatCanBeRedirected(parsed)) {
           return parsed.pathname + parsed.search + parsed.hash
         }

From 3cf2405ba653bf8cec65de21b066f38152628d8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 15:43:43 +0100
Subject: [PATCH 08/16] fix: css syntax

---
 app/components/Readme.vue | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index e1bcd7dc8..3666d11d7 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -117,24 +117,13 @@ function handleClick(event: MouseEvent) {
 }
 
 .readme :deep(a) {
-  @apply underline-offset-[0.2rem]
-  @apply underline
-  @apply decoration-1
-  @apply decoration-fg/30
-  @apply font-mono
-  @apply text-fg
-  @apply transition-colors
-  @apply duration-200;
+  @apply underline-offset-[0.2rem] underline decoration-1 decoration-fg/30 font-mono text-fg transition-colors duration-200;
 }
-
 .readme :deep(a:hover) {
-  @apply decoration-accent
-  @apply text-accent;
+  @apply decoration-accent text-accent;
 }
-
 .readme :deep(a:focus-visible) {
-  @apply decoration-accent
-  @apply text-accent;
+  @apply decoration-accent text-accent;
 }
 
 .readme :deep(code) {

From e1cc8217524ea26d229f2d99adc40e4adc411df8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 15:44:03 +0100
Subject: [PATCH 09/16] fix: remove debug logging

---
 server/utils/readme.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index a627ed502..291d32d58 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -393,7 +393,6 @@ ${html}
   // Resolve link URLs, add security attributes, and collect playground links
   renderer.link = function ({ href, title, tokens }: Tokens.Link) {
     const resolvedHref = resolveUrl(href, packageName, repoInfo)
-    console.log({ resolvedHref })
     const text = this.parser.parseInline(tokens)
     const titleAttr = title ? ` title="${title}"` : ''
 

From ddc09ed7d896c2077d0b9a388399853eab8524e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 16:28:59 +0100
Subject: [PATCH 10/16] refactor: use css for external readme link

Co-authored-by: Alex Savelyev <91429106+alexdln@users.noreply.github.com>
---
 app/components/Readme.vue             | 5 +++++
 server/utils/readme.ts                | 8 +-------
 test/unit/server/utils/readme.spec.ts | 2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 3666d11d7..6a3d50656 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -126,6 +126,11 @@ function handleClick(event: MouseEvent) {
   @apply decoration-accent text-accent;
 }
 
+.readme :deep(a[target='_blank']::after) {
+  content: '';
+  @apply i-carbon:launch rtl-flip ms-1 size-[1em] opacity-50;
+}
+
 .readme :deep(code) {
   @apply font-mono;
   font-size: 0.875em;
diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index 291d32d58..8f50a0350 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -399,12 +399,6 @@ ${html}
     const isExternal = resolvedHref.startsWith('http://') || resolvedHref.startsWith('https://')
     const relAttr = isExternal ? ' rel="nofollow noreferrer noopener"' : ''
     const targetAttr = isExternal ? ' target="_blank"' : ''
-    const isExternalIcon = isExternal
-      ? `<span
-      class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"
-      aria-hidden="true"
-    ></span>`
-      : ''
 
     // Check if this is a playground link
     const provider = matchPlaygroundProvider(resolvedHref)
@@ -424,7 +418,7 @@ ${html}
 
     const hrefValue = resolvedHref.startsWith('#') ? resolvedHref.toLowerCase() : resolvedHref
 
-    return `<a href="${hrefValue}"${titleAttr}${relAttr}${targetAttr}>${text}${isExternalIcon}</a>`
+    return `<a href="${hrefValue}"${titleAttr}${relAttr}${targetAttr}>${text}</a>`
   }
 
   // GitHub-style callouts: > [!NOTE], > [!TIP], etc.
diff --git a/test/unit/server/utils/readme.spec.ts b/test/unit/server/utils/readme.spec.ts
index 2b9f5ba25..cc580d929 100644
--- a/test/unit/server/utils/readme.spec.ts
+++ b/test/unit/server/utils/readme.spec.ts
@@ -346,7 +346,7 @@ describe('Markdown Content Extraction', () => {
       const result = await renderReadmeHtml(markdown, 'test-pkg')
 
       expect(result.html).toBe(`<h3 id="user-content-title" data-level="1">Title</h3>
-<p>Some <strong>bold</strong> text and a <a href="https://example.com" rel="nofollow noreferrer noopener" target="_blank">link<span class="i-carbon:launch inline-block rtl-flip ms-1 size-[1em] opacity-50"></span></a>.</p>
+<p>Some <strong>bold</strong> text and a <a href="https://example.com" rel="nofollow noreferrer noopener" target="_blank">link</a>.</p>
 `)
     })
   })

From 71df41cfb7c5481cf9c0f9ff4dbc875ae484e590 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 16:31:16 +0100
Subject: [PATCH 11/16] style: align external link icon

---
 app/components/Readme.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 6a3d50656..43c10ec5d 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -128,7 +128,7 @@ function handleClick(event: MouseEvent) {
 
 .readme :deep(a[target='_blank']::after) {
   content: '';
-  @apply i-carbon:launch rtl-flip ms-1 size-[1em] opacity-50;
+  @apply i-carbon:launch rtl-flip ms-1 -align-10% size-[1em] opacity-50;
 }
 
 .readme :deep(code) {

From 495d99ef39640637b9c14d5548cf5b7dae29ab6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 17:22:12 +0100
Subject: [PATCH 12/16] fix: line break before external link icon

Co-authored-by: Alex Savelyev <91429106+alexdln@users.noreply.github.com>
---
 app/components/Readme.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 43c10ec5d..d589540e8 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -127,8 +127,9 @@ function handleClick(event: MouseEvent) {
 }
 
 .readme :deep(a[target='_blank']::after) {
-  content: '';
-  @apply i-carbon:launch rtl-flip ms-1 -align-10% size-[1em] opacity-50;
+  /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
+  content: '__';
+  @apply inline i-carbon:launch rtl-flip ms-1 opacity-50;
 }
 
 .readme :deep(code) {

From a06b42b772ee940716812baf523307ba5d61d4ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 17:37:04 +0100
Subject: [PATCH 13/16] fix: re-add link click handling to utilize Nuxt router

Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 app/components/Readme.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index d589540e8..914e78873 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -3,6 +3,7 @@ defineProps<{
   html: string
 }>()
 
+const router = useRouter()
 const { copy } = useClipboard()
 
 // Combined click handler for:
@@ -38,6 +39,20 @@ function handleClick(event: MouseEvent) {
     }, 2000)
     return
   }
+
+  // Handle npmjs.com link clicks - route internally
+  const anchor = target.closest('a')
+  if (!anchor) return
+
+  const href = anchor.getAttribute('href')
+  if (!href) return
+
+  // Handle relative anchor links
+  if (href.startsWith('#') || href.startsWith('/')) {
+    event.preventDefault()
+    router.push(href)
+    return
+  }
 }
 </script>
 

From 5bbb94f51294cc1b8b468bfeae1dbfd850abd949 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 17:38:53 +0100
Subject: [PATCH 14/16] fix: dont handle clicks when modifier key is pressed

---
 app/components/Readme.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 914e78873..63d83e934 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -13,6 +13,10 @@ function handleClick(event: MouseEvent) {
   const target = event.target as HTMLElement | undefined
   if (!target) return
 
+  if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button) {
+    return
+  }
+
   // Handle copy button clicks
   const copyTarget = target.closest('[data-copy]')
   if (copyTarget) {

From ff05c51297ea9d49093a2dd91819712ae0d8ab52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 17:56:25 +0100
Subject: [PATCH 15/16] fix: use `navigateTo` instead of `router.push`

Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 app/components/Readme.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 63d83e934..cf4f0368c 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -54,7 +54,7 @@ function handleClick(event: MouseEvent) {
   // Handle relative anchor links
   if (href.startsWith('#') || href.startsWith('/')) {
     event.preventDefault()
-    router.push(href)
+    navigateTo(href)
     return
   }
 }

From eada041413f68dd8f2071b8f9549da610b7760b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 10 Feb 2026 18:02:40 +0100
Subject: [PATCH 16/16] fix: remove unused

---
 app/components/Readme.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index cf4f0368c..488fce8c2 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -3,7 +3,6 @@ defineProps<{
   html: string
 }>()
 
-const router = useRouter()
 const { copy } = useClipboard()
 
 // Combined click handler for: