diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-03-29 21:05:21 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-03-29 21:05:21 +0200 |
| commit | f6237376e1794943ade5a60c02f6f1396c855b5a (patch) | |
| tree | fc9efdccee6442390e030daf677c790cd04d89e4 /src/tools/random-port-generator/random-port-generator.vue | |
| parent | 165dc93f83eb6654801af7aff1a849659fe40653 (diff) | |
| download | it-tools-f6237376e1794943ade5a60c02f6f1396c855b5a.tar.gz it-tools-f6237376e1794943ade5a60c02f6f1396c855b5a.tar.zst it-tools-f6237376e1794943ade5a60c02f6f1396c855b5a.zip | |
refactor(port-generator): now using computedRefreshable
Diffstat (limited to 'src/tools/random-port-generator/random-port-generator.vue')
| -rw-r--r-- | src/tools/random-port-generator/random-port-generator.vue | 10 |
1 files changed, 2 insertions, 8 deletions
diff --git a/src/tools/random-port-generator/random-port-generator.vue b/src/tools/random-port-generator/random-port-generator.vue index dd8e044..fac0485 100644 --- a/src/tools/random-port-generator/random-port-generator.vue +++ b/src/tools/random-port-generator/random-port-generator.vue @@ -11,19 +11,13 @@ </template> <script setup lang="ts"> +import { computedRefreshable } from '@/composable/computedRefreshable'; import { useCopy } from '@/composable/copy'; -import { ref } from 'vue'; 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' }); - -function refreshPort() { - port.value = String(generatePort()); -} - -refreshPort(); </script> <style lang="less" scoped> |