public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(port-generator): now using computedRefreshable

Browse Source
This commit is contained in:
Corentin Thomasset 2023-03-29 21:05:21 +02:00
parent 165dc93f83
commit f6237376e1
No known key found for this signature in database
GPG Key ID: DBD997E935996158
1 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/tools/random-port-generator/random-port-generator.vue
View File

@ -11,19 +11,13 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computedRefreshable } from '@/composable/computedRefreshable';
import { useCopy } from '@/composable/copy'; import { useCopy } from '@/composable/copy';
import { ref } from 'vue';
import { generatePort } from './random-port-generator.model'; import { generatePort } from './random-port-generator.model';
const port = ref(''); const [port, refreshPort] = computedRefreshable(() => String(generatePort()));
const { copy } = useCopy({ source: port, text: 'Port copied to the clipboard' }); const { copy } = useCopy({ source: port, text: 'Port copied to the clipboard' });
function refreshPort() {
port.value = String(generatePort());
}
refreshPort();
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>