pihkaal/simple-qr
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: handle and display clipboard error in useCopyable

Browse Source
This commit is contained in:
Stevan
2026-02-21 22:09:50 +01:00
parent 81987ac8f1
commit dc26ec415f
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/composables/useCopyable.ts
View File

@@ -8,13 +8,24 @@ export const useCopyable = (
const icon = ref("i-heroicons-clipboard-document"); const icon = ref("i-heroicons-clipboard-document");
const label = ref("Copy"); const label = ref("Copy");
const toast = useToast();
const copy = async () => { const copy = async () => {
try {
if (typeof valueOrCallback === "function") { if (typeof valueOrCallback === "function") {
await valueOrCallback(); await valueOrCallback();
} else { } else {
const value = unref(valueOrCallback); const value = unref(valueOrCallback);
await navigator.clipboard.writeText(value); await navigator.clipboard.writeText(value);
} }
} catch {
toast.add({
title: "Failed to copy to clipboard",
color: "error",
icon: "i-lucide-circle-x",
});
return;
}
icon.value = "i-heroicons-clipboard-document-check"; icon.value = "i-heroicons-clipboard-document-check";
label.value = "Copied!"; label.value = "Copied!";