add nova

nova/resources/js/components/Buttons/CopyButton.vue

@@ -0,0 +1,38 @@
+<template>
+  <button
+    type="button"
+    @click="handleClick"
+    class="inline-flex items-center px-2 space-x-1 -mx-2 text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:text-gray-500 active:text-gray-600 dark:hover:bg-gray-900"
+    :class="{
+      'rounded-lg': !rounded,
+      'rounded-full': rounded,
+    }"
+  >
+    <slot />
+
+    <CopyIcon v-if="withIcon" :copied="copied" />
+  </button>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import debounce from 'lodash/debounce'
+
+const copied = ref(false)
+
+const props = defineProps({
+  rounded: { type: Boolean, default: true },
+  withIcon: { type: Boolean, default: true },
+})
+
+const denouncedHandleClick = debounce(
+  () => {
+    copied.value = !copied.value
+    setTimeout(() => (copied.value = !copied.value), 2000)
+  },
+  2000,
+  { leading: true, trailing: false }
+)
+
+const handleClick = () => denouncedHandleClick()
+</script>