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

refactor(uuid-generator): now using computedRefreshable

Browse Source
This commit is contained in:
Corentin Thomasset 2023-03-29 21:13:49 +02:00
parent cf16cb195d
commit 9b4f7727f2
No known key found for this signature in database
GPG Key ID: DBD997E935996158
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/tools/uuid-generator/uuid-generator.vue
View File

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