2023-12-04 14:47:06 +01:00
|
|
|
<template>
|
2023-12-23 07:56:34 +01:00
|
|
|
<button class="btn btn-outline-primary" @click="copy">
|
2023-12-04 14:47:06 +01:00
|
|
|
<CopyIco class="w-4 h-4" v-if="!copied" />
|
|
|
|
|
<CheckIco class="w-4 h-4" v-else />
|
|
|
|
|
</button>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { copyText } from '@/assets/js/misc';
|
|
|
|
|
import CopyIco from 'bi/clipboard.svg';
|
|
|
|
|
import CheckIco from 'bi/check-lg.svg';
|
|
|
|
|
|
|
|
|
|
const props = defineProps<{
|
|
|
|
|
text: string;
|
|
|
|
|
}>();
|
|
|
|
|
|
|
|
|
|
const copied = ref(false);
|
|
|
|
|
|
|
|
|
|
function copy() {
|
|
|
|
|
copyText(props.text);
|
|
|
|
|
copied.value = true;
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
copied.value = false;
|
|
|
|
|
}, 3000);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
</style>
|
