From db85c7b441b311ec36ac532050bf06b2d327081c Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Thu, 16 Apr 2026 18:55:46 +0200
Subject: [PATCH 1/6] fix: resolve readme copy functionality in Safari

resolves #2151
---
 app/pages/package/[[org]]/[name].vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index b9740f799f..ac07e360da 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -99,6 +99,7 @@ const {
 const { copied: copiedReadme, copy: copyReadme } = useClipboard({
   source: () => '',
   copiedDuring: 2000,
+  legacy: true,
 })
 
 function prefetchReadmeMarkdown() {

From f3f11b176e5be8bb107b0fe237ed5b2c2358588f Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Thu, 16 Apr 2026 23:26:18 +0200
Subject: [PATCH 2/6] feat: use custom async clipboard

---
 app/composables/useClipboardAsync.ts | 37 ++++++++++++++++++++++++++++
 app/pages/package/[[org]]/[name].vue | 25 ++++++++-----------
 2 files changed, 47 insertions(+), 15 deletions(-)
 create mode 100644 app/composables/useClipboardAsync.ts

diff --git a/app/composables/useClipboardAsync.ts b/app/composables/useClipboardAsync.ts
new file mode 100644
index 0000000000..57721f6d8d
--- /dev/null
+++ b/app/composables/useClipboardAsync.ts
@@ -0,0 +1,37 @@
+import type { ShallowRef } from 'vue'
+
+type UseClipboardAsyncReturn = {
+  copy: () => void
+  copied: ShallowRef<boolean>
+}
+
+type UseClipboardAsyncOptions = {
+  copiedDuring: number
+}
+
+export default function useClipboardAsync(
+  fn: () => Promise<string>,
+  options?: UseClipboardAsyncOptions,
+): UseClipboardAsyncReturn {
+  const copied = shallowRef(false)
+  const timeout = useTimeoutFn(() => (copied.value = false), options?.copiedDuring ?? 0, {
+    immediate: false,
+  })
+
+  function copy() {
+    const asyncClipboard = new ClipboardItem({
+      'text/plain': fn().then(text => {
+        return new Blob([text], { type: 'text/plain' })
+      }),
+    })
+
+    copied.value = true
+    navigator.clipboard.write([asyncClipboard])
+    timeout.start()
+  }
+
+  return {
+    copy,
+    copied,
+  }
+}
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index ac07e360da..a7cc7c4bd4 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -96,11 +96,15 @@ const {
 )
 
 //copy README file as Markdown
-const { copied: copiedReadme, copy: copyReadme } = useClipboard({
-  source: () => '',
-  copiedDuring: 2000,
-  legacy: true,
-})
+const { copied: copiedReadme, copy: copyReadme } = useClipboardAsync(
+  async () => {
+    await fetchReadmeMarkdown()
+    return readmeMarkdownData.value?.markdown ?? ''
+  },
+  {
+    copiedDuring: 2000,
+  },
+)
 
 function prefetchReadmeMarkdown() {
   if (readmeMarkdownStatus.value === 'idle') {
@@ -108,15 +112,6 @@ function prefetchReadmeMarkdown() {
   }
 }
 
-async function copyReadmeHandler() {
-  await fetchReadmeMarkdown()
-
-  const markdown = readmeMarkdownData.value?.markdown
-  if (!markdown) return
-
-  await copyReadme(markdown)
-}
-
 // Track active TOC item based on scroll position
 const tocItems = computed(() => readmeData.value?.toc ?? [])
 const { activeId: activeTocId } = useActiveTocItem(tocItems)
@@ -1020,7 +1015,7 @@ const showSkeleton = shallowRef(false)
                 <ButtonBase
                   @mouseenter="prefetchReadmeMarkdown"
                   @focus="prefetchReadmeMarkdown"
-                  @click="copyReadmeHandler()"
+                  @click="copyReadme"
                   :aria-pressed="copiedReadme"
                   :aria-label="
                     copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')

From a2285c48ca68fff983174934aa87881f4f83a685 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Thu, 16 Apr 2026 23:34:25 +0200
Subject: [PATCH 3/6] fix: remove default

---
 app/composables/useClipboardAsync.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/composables/useClipboardAsync.ts b/app/composables/useClipboardAsync.ts
index 57721f6d8d..25f588aeaa 100644
--- a/app/composables/useClipboardAsync.ts
+++ b/app/composables/useClipboardAsync.ts
@@ -9,7 +9,7 @@ type UseClipboardAsyncOptions = {
   copiedDuring: number
 }
 
-export default function useClipboardAsync(
+export function useClipboardAsync(
   fn: () => Promise<string>,
   options?: UseClipboardAsyncOptions,
 ): UseClipboardAsyncReturn {

From a89338c49321b594e3a5584a072ed9051ef21675 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Thu, 16 Apr 2026 23:46:32 +0200
Subject: [PATCH 4/6] fix: a11y timeout

---
 .lighthouserc.cjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.lighthouserc.cjs b/.lighthouserc.cjs
index 423eb0b4e1..28fd14e974 100644
--- a/.lighthouserc.cjs
+++ b/.lighthouserc.cjs
@@ -25,7 +25,7 @@ module.exports = {
   ci: {
     collect: {
       startServerCommand: 'pnpm preview',
-      startServerReadyPattern: 'Listening',
+      startServerReadyPattern: '(Listening|Local|:3000)',
       url: [
         'http://localhost:3000/',
         'http://localhost:3000/search?q=nuxt',

From 28e39b9b8112993782b6cefbc2421c126b98580d Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 17 Apr 2026 00:00:54 +0200
Subject: [PATCH 5/6] refactor: add trycatch

---
 app/composables/useClipboardAsync.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/composables/useClipboardAsync.ts b/app/composables/useClipboardAsync.ts
index 25f588aeaa..46fe4e5ba7 100644
--- a/app/composables/useClipboardAsync.ts
+++ b/app/composables/useClipboardAsync.ts
@@ -18,16 +18,20 @@ export function useClipboardAsync(
     immediate: false,
   })
 
-  function copy() {
+  async function copy() {
     const asyncClipboard = new ClipboardItem({
       'text/plain': fn().then(text => {
         return new Blob([text], { type: 'text/plain' })
       }),
     })
 
-    copied.value = true
-    navigator.clipboard.write([asyncClipboard])
-    timeout.start()
+    try {
+      await navigator.clipboard.write([asyncClipboard])
+      copied.value = true
+      timeout.start()
+    } catch {
+      copied.value = false
+    }
   }
 
   return {

From 6ba7b8d4419877883f6e6b4863f4debabe3ae42f Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 17 Apr 2026 00:04:54 +0200
Subject: [PATCH 6/6] chore: remove change

---
 .lighthouserc.cjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.lighthouserc.cjs b/.lighthouserc.cjs
index 28fd14e974..423eb0b4e1 100644
--- a/.lighthouserc.cjs
+++ b/.lighthouserc.cjs
@@ -25,7 +25,7 @@ module.exports = {
   ci: {
     collect: {
       startServerCommand: 'pnpm preview',
-      startServerReadyPattern: '(Listening|Local|:3000)',
+      startServerReadyPattern: 'Listening',
       url: [
         'http://localhost:3000/',
         'http://localhost:3000/search?q=nuxt',