diff options
Diffstat (limited to 'src/components/InputCopyable.vue')
-rw-r--r-- | src/components/InputCopyable.vue | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/src/components/InputCopyable.vue b/src/components/InputCopyable.vue index cf7a42a..27c0657 100644 --- a/src/components/InputCopyable.vue +++ b/src/components/InputCopyable.vue @@ -1,20 +1,5 @@ -<template> - <c-input-text v-model:value="value"> - <template #suffix> - <n-tooltip trigger="hover"> - <template #trigger> - <c-button circle variant="text" size="small" @click="onCopyClicked"> - <icon-mdi-content-copy /> - </c-button> - </template> - {{ tooltipText }} - </n-tooltip> - </template> - </c-input-text> -</template> - <script setup lang="ts"> -import { useVModel, useClipboard } from '@vueuse/core'; +import { useClipboard, useVModel } from '@vueuse/core'; import { ref } from 'vue'; const props = defineProps<{ value: string }>(); @@ -34,3 +19,18 @@ function onCopyClicked() { }, 2000); } </script> + +<template> + <c-input-text v-model:value="value"> + <template #suffix> + <n-tooltip trigger="hover"> + <template #trigger> + <c-button circle variant="text" size="small" @click="onCopyClicked"> + <icon-mdi-content-copy /> + </c-button> + </template> + {{ tooltipText }} + </n-tooltip> + </template> + </c-input-text> +</template> |