mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 05:47:10 -04:00
86e964a274
* fix(copy): prevent shorthand copy if source is present in useCopy * refactor(copy): normalized copy usage
34 lines
789 B
Vue
34 lines
789 B
Vue
<script setup lang="ts">
|
|
import { generatePort } from './random-port-generator.model';
|
|
import { computedRefreshable } from '@/composable/computedRefreshable';
|
|
import { useCopy } from '@/composable/copy';
|
|
|
|
const [port, refreshPort] = computedRefreshable(() => String(generatePort()));
|
|
|
|
const { copy } = useCopy({ source: port, text: 'Port copied to the clipboard' });
|
|
</script>
|
|
|
|
<template>
|
|
<c-card>
|
|
<div class="port">
|
|
{{ port }}
|
|
</div>
|
|
<div flex justify-center gap-3>
|
|
<c-button @click="copy()">
|
|
Copy
|
|
</c-button>
|
|
<c-button @click="refreshPort">
|
|
Refresh
|
|
</c-button>
|
|
</div>
|
|
</c-card>
|
|
</template>
|
|
|
|
<style lang="less" scoped>
|
|
.port {
|
|
text-align: center;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
margin: 10px 0 25px;
|
|
}
|
|
</style>
|