enable clipboard directive to support value updates

kodadot · Oct 7, 2023 · c124ab3 · c124ab3
1 parent b7f0e90
commit c124ab3
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/plugins/vueClipboard.ts b/plugins/vueClipboard.ts
@@ -3,14 +3,22 @@ export default defineNuxtPlugin((nuxtApp) => {
 
   nuxtApp.vueApp.directive('clipboard', {
     beforeMount(el, { value, arg }) {
+      el.dataset._clipboard_value = value
       useEventListener(el, 'click', () => {
         switch (arg) {
           case 'copy':
-            copy(value)
+            copy(el.dataset._clipboard_value)
             break
         }
       })
     },
+    updated(el, { value, arg }) {
+      switch (arg) {
+        case 'copy':
+          el.dataset._clipboard_value = value
+          break
+      }
+    },
   })
 
   return {