mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-08 15:15:02 -04:00
feat(new tool): iban validation and parser
This commit is contained in:
parent
81bfe57cb8
commit
c745f10d9f
14 changed files with 278 additions and 1 deletions
17
src/ui/c-text-copyable/c-text-copyable.vue
Normal file
17
src/ui/c-text-copyable/c-text-copyable.vue
Normal file
|
@ -0,0 +1,17 @@
|
|||
<script setup lang="ts">
|
||||
import { useCopy } from '@/composable/copy';
|
||||
|
||||
const props = withDefaults(defineProps<{ value?: string; displayedValue?: string; showIcon?: boolean }>(), { value: '', displayedValue: undefined, showIcon: true });
|
||||
const { value, displayedValue, showIcon } = toRefs(props);
|
||||
|
||||
const { copy, isJustCopied } = useCopy({ source: value, createToast: false });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<c-tooltip :tooltip="isJustCopied ? 'Copied!' : 'Copy to clipboard'" cursor-pointer @click="copy">
|
||||
<span flex items-center gap-2>
|
||||
{{ displayedValue ?? value }}
|
||||
<icon-mdi-content-copy v-if="showIcon" op-40 />
|
||||
</span>
|
||||
</c-tooltip>
|
||||
</template>
|
Loading…
Add table
Add a link
Reference in a new issue