Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 0ebefbe

Browse filesBrowse files
authored
docs(useClipboardItems): fix demo by using text/plain mime type (#4513)
1 parent f3cc7ec commit 0ebefbe
Copy full SHA for 0ebefbe

File tree

Expand file treeCollapse file tree

2 files changed

+9
-10
lines changed
Filter options
Expand file treeCollapse file tree

2 files changed

+9
-10
lines changed

‎packages/core/useClipboardItems/demo.vue

Copy file name to clipboardExpand all lines: packages/core/useClipboardItems/demo.vue
+7-8Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,19 @@ const input = ref('')
66
77
const { content, isSupported, copy } = useClipboardItems()
88
const computedText = ref('')
9+
const computedMimeType = ref('')
910
effect(() => {
10-
Promise.all(content.value.map(item => item.getType('text/html')))
11-
.then((blobs) => {
12-
return Promise.all(blobs.map(blob => blob.text()))
13-
})
14-
.then((texts) => {
15-
computedText.value = texts.join('')
11+
Promise.all(content.value.map(item => item.getType('text/plain')))
12+
.then(async (blobs) => {
13+
computedMimeType.value = blobs.map(blob => blob.type).join(', ')
14+
computedText.value = (await Promise.all(blobs.map(blob => blob.text()))).join(', ')
1615
})
1716
})
1817
const permissionRead = usePermission('clipboard-read')
1918
const permissionWrite = usePermission('clipboard-write')
2019
2120
function createClipboardItems(text: string) {
22-
const mime = 'text/html'
21+
const mime = 'text/plain'
2322
const blob = new Blob([text], { type: mime })
2423
return new ClipboardItem({
2524
[mime]: blob,
@@ -34,7 +33,7 @@ function createClipboardItems(text: string) {
3433
<b>{{ permissionWrite }}</b>
3534
</note>
3635
<p>
37-
Current copied: <code>{{ (computedText && `${computedText} (mime: text/html)`) || "none" }}</code>
36+
Current copied: <code>{{ (computedText && `${computedText} (mime: ${computedMimeType})`) || "none" }}</code>
3837
</p>
3938
<input v-model="input" type="text">
4039
<button

‎packages/core/useClipboardItems/index.md

Copy file name to clipboardExpand all lines: packages/core/useClipboardItems/index.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,10 @@ Reactive [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipbo
1717
```js
1818
import { useClipboardItems } from '@vueuse/core'
1919

20-
const mime = 'text/html'
20+
const mime = 'text/plain'
2121
const source = ref([
2222
new ClipboardItem({
23-
[mime]: new Blob(['<b>HTML content</b>'], { type: mime }),
23+
[mime]: new Blob(['plain text'], { type: mime }),
2424
})
2525
])
2626

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.