feat(plugins): clipboard (#29)

src/module.ts

@@ -183,6 +183,7 @@ export default defineNuxtModule<ModuleOptions>({
     })
 
     addPlugin(resolve(runtimeDir, 'plugins', 'toast.client'))
+    addPlugin(resolve(runtimeDir, 'plugins', 'clipboard.client'))
 
     addComponentsDir({
       path: resolve(runtimeDir, 'components', 'elements'),

src/runtime/plugins/clipboard.client.ts

@@ -0,0 +1,33 @@
+import { defineNuxtPlugin } from '#app'
+import { ClipboardPlugin } from '../types/clipboard'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  function copy (text: string, success: { title?: string, description?: string } = {}, failure: { title?: string, description?: string } = {}) {
+    if (!navigator?.clipboard) {
+      return
+    }
+
+    navigator.clipboard.writeText(text).then(() => {
+      if (!success.title && !success.description) {
+        return
+      }
+
+      nuxtApp.$toast.success(success)
+    }, function (e) {
+      nuxtApp.$toast.error({
+        ...failure,
+        description: failure.description || e.message
+      })
+    })
+  }
+
+  nuxtApp.provide('clipboard', {
+    copy
+  })
+})
+
+declare module '#app' {
+  interface NuxtApp {
+    $clipboard: ClipboardPlugin
+  }
+}

src/runtime/types/clipboard.d.ts

@@ -0,0 +1,3 @@
+export interface ClipboardPlugin {
+  copy: (text: string, success?: { title?: string, description?: string }, failure?: { title?: string, description?: string }) => void
+}