PronounsPage/components/ClipboardLinkButton.vue
2025-05-06 23:16:17 +02:00

17 lines
438 B
Vue

<script setup lang="ts">
import { useClipboard } from '@vueuse/core';
const props = defineProps<{
link: string;
}>();
const { copy, copied } = useClipboard({ source: props.link });
</script>
<template>
<button type="button" :class="['btn', copied ? 'btn-success' : 'btn-outline-primary', 'm-1']" @click="copy()">
<Icon :v="copied ? 'clipboard-check' : 'clipboard'" />
<T>crud.copy</T>
</button>
</template>