perf(utils): replace copy dependency

src/.config/nuxt.ts

@@ -225,6 +225,8 @@ export default defineNuxtConfig({
         '@dargmuesli/nuxt-cookie-control/runtime/types.js',
         '@http-util/status-i18n',
         '@internationalized/date',
+        '@intlify/core-base',
+        '@intlify/shared',
         '@sentry/nuxt',
         '@tiptap/extension-text-align',
         '@tiptap/starter-kit',
@@ -243,7 +245,6 @@ export default defineNuxtConfig({
         '@vueuse/core',
         'chart.js',
         'class-variance-authority',
-        'clipboardy',
         'clsx',
         'css-element-queries',
         'downloadjs',

src/app/components/guest/GuestListItem.vue

@@ -113,6 +113,7 @@ const { event, guest } = defineProps<{
 
 const { locale, t } = useI18n()
 const localePath = useLocalePath()
+const { copy } = useCopy()
 
 // data
 const pending = reactive({
@@ -130,7 +131,7 @@ const inviteMutation = useInviteMutation()
 const copyLink = async (guest: Pick<GuestItemFragment, 'id'>) => {
   if (!import.meta.client) return
 
-  await copyText(
+  await copy(
     `${window.location.origin}${localePath(`guest-unlock`)}?ic=${guest.id}`,
   )
 

src/app/composables/window.ts

@@ -1,4 +1,4 @@
-import { useWindowScroll } from '@vueuse/core'
+import { useClipboard, useWindowScroll } from '@vueuse/core'
 
 export const useInfiniteScroll = ({
   loadMore,
@@ -15,3 +15,25 @@ export const useInfiniteScroll = ({
     loadMore()
   })
 }
+
+export const useCopy = () => {
+  const { copy: clipboardCopy, isSupported } = useClipboard()
+  const { t } = useI18n({ useScope: 'global' })
+
+  const copy = async (text: string) => {
+    if (!import.meta.client) return
+
+    if (!isSupported) {
+      await showToast({
+        icon: 'error',
+        text: t('globalErrorClipboard'),
+        title: t('globalError'),
+      })
+      return
+    }
+
+    await clipboardCopy(text)
+  }
+
+  return { copy }
+}

src/app/utils/text.ts

@@ -1,8 +1,3 @@
-export const copyText = async (text: string) => {
-  const clipboard = (await import('clipboardy')).default
-  await clipboard.write(text)
-}
-
 export const calculatePasswordStrength = (password: string) => {
   if (!password) return 0
 

src/i18n/locales/de.json

@@ -1,6 +1,7 @@
 {
   "globalError": "Fehler",
   "globalErrorNoData": "Antwort ohne Daten",
+  "globalErrorClipboard": "Dein Browser unterstützt das moderne Kopieren in die Zwischenablage nicht.",
   "globalFormErrorAge18": "Du musst 18 Jahre alt sein.",
   "globalLoading": "Lade...",
   "globalPlaceholderAddress": "Veranstaltungsstraße 1,\n12345 Gaststadt",

src/i18n/locales/en.json

@@ -1,6 +1,7 @@
 {
   "globalError": "Error",
   "globalErrorNoData": "Response without data",
+  "globalErrorClipboard": "Your browser does not support modern copying to the clipboard.",
   "globalFormErrorAge18": "You must be 18 years old.",
   "globalLoading": "Loading...",
   "globalPlaceholderAddress": "Eventstreet 1,\n12345 Guestcity",

src/package.json

@@ -74,7 +74,6 @@
     "chart.js": "4.5.1",
     "cheerio": "1.1.2",
     "class-variance-authority": "0.7.1",
-    "clipboardy": "5.0.0",
     "clsx": "2.1.1",
     "consola": "3.4.2",
     "css-element-queries": "1.2.3",