From 9b4f7727f2bea976f37bf99df677622066ce68d3 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Wed, 29 Mar 2023 21:13:49 +0200
Subject: [PATCH] refactor(uuid-generator): now using computedRefreshable

---
 src/tools/uuid-generator/uuid-generator.vue | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/tools/uuid-generator/uuid-generator.vue b/src/tools/uuid-generator/uuid-generator.vue
index e274c987..52f2c4a4 100644
--- a/src/tools/uuid-generator/uuid-generator.vue
+++ b/src/tools/uuid-generator/uuid-generator.vue
@@ -30,21 +30,15 @@
 
 <script setup lang="ts">
 import { useCopy } from '@/composable/copy';
-import { ref, watch } from 'vue';
 import { v4 as generateUUID } from 'uuid';
 import { useQueryParam } from '@/composable/queryParams';
+import { computedRefreshable } from '@/composable/computedRefreshable';
 
 const count = useQueryParam({ defaultValue: 1, name: 'count' });
 
-const uuids = ref('');
-
-function refreshUUIDs() {
-  uuids.value = Array.from({ length: count.value }, () => generateUUID()).join('\n');
-}
-
-watch([count], refreshUUIDs);
+const [uuids, refreshUUIDs] = computedRefreshable(() =>
+  Array.from({ length: count.value }, () => generateUUID()).join('\n'),
+);
 
 const { copy } = useCopy({ source: uuids, text: 'UUIDs copied to the clipboard' });
-
-refreshUUIDs();
 </script>