vueuse
diff --git a/‎packages/core/useClipboard/index.browser.test.ts
Copy file name to clipboard
+31Lines changed: 31 additions & 0 deletions b/‎packages/core/useClipboard/index.browser.test.ts
Copy file name to clipboard
+31Lines changed: 31 additions & 0 deletions
diff --git a/‎packages/core/useClipboard/index.test.ts
Copy file name to clipboard
+8Lines changed: 8 additions & 0 deletions b/‎packages/core/useClipboard/index.test.ts
Copy file name to clipboard
+8Lines changed: 8 additions & 0 deletions
diff --git a/‎packages/core/useClipboard/index.ts
Copy file name to clipboardExpand all lines: packages/core/useClipboard/index.ts
+21-8Lines changed: 21 additions & 8 deletions b/‎packages/core/useClipboard/index.ts
Copy file name to clipboardExpand all lines: packages/core/useClipboard/index.ts
+21-8Lines changed: 21 additions & 8 deletions
@@ -0,0 +1,31 @@
+import { useClipboard, usePermission } from '@vueuse/core'
+import { describe, expect, it } from 'vitest'
+
+describe('useClipboard', () => {
+  it('should be be supported', () => {
+    const { isSupported } = useClipboard()
+    expect(isSupported.value).toBe(true)
+  })
+
+  describe('without permissions', () => {
+    it('should write to legacy clipboard', async () => {
+      const writePermission = usePermission('clipboard-write')
+      expect(writePermission.value).toBe(undefined) // currently no permissions testing legacy fallback
+      const { text, copy, copied } = useClipboard()
+      expect(text.value).toBe('')
+      expect(copied.value).toBe(false)
+      await copy('hello')
+      expect(text.value).toBe('hello')
+      expect(copied.value).toBe(true)
+    })
+    it.todo('should read from legacy clipboard')
+  })
+
+  describe('with permissions', () => {
+    // todo: mock navigator permissions
+    it.todo('should write to clipboard')
+    it.todo('should read from clipboard')
+    it.todo('should fall back to legacy clipboard if write fails')
+    it.todo('should fall back to legacy clipboard if read fails')
+  })
+})
@@ -0,0 +1,8 @@
+import { useClipboard } from '@vueuse/core'
+import { describe, expect, it } from 'vitest'
+
+describe('useClipboard', () => {
+  it('should be defined', () => {
+    expect(useClipboard).toBeDefined()
+  })
+})
@@ -71,12 +71,18 @@ export function useClipboard(options: UseClipboardOptions<MaybeRefOrGetter<strin
   const timeout = useTimeoutFn(() => copied.value = false, copiedDuring, { immediate: false })
 
   function updateText() {
-    if (isClipboardApiSupported.value && isAllowed(permissionRead.value)) {
-      navigator!.clipboard.readText().then((value) => {
-        text.value = value
-      })
+    let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionRead.value))
+    if (!useLegacy) {
+      try {
+        navigator!.clipboard.readText().then((value) => {
+          text.value = value
+        })
+      }
+      catch {
+        useLegacy = true
+      }
     }
-    else {
+    if (useLegacy) {
       text.value = legacyRead()
     }
   }
@@ -86,9 +92,16 @@ export function useClipboard(options: UseClipboardOptions<MaybeRefOrGetter<strin
 
   async function copy(value = toValue(source)) {
     if (isSupported.value && value != null) {
-      if (isClipboardApiSupported.value && isAllowed(permissionWrite.value))
-        await navigator!.clipboard.writeText(value)
-      else
+      let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionWrite.value))
+      if (!useLegacy) {
+        try {
+          await navigator!.clipboard.writeText(value)
+        }
+        catch {
+          useLegacy = true
+        }
+      }
+      if (useLegacy)
         legacyCopy(value)
 
       text.value = value