mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-25 17:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(tools): config in query params

Browse source
This commit is contained in:
Corentin Thomasset 2023-01-28 21:06:16 +01:00
parent 119041c185
commit db817a2459
No known key found for this signature in database
GPG key ID: DBD997E935996158
6 changed files with 126 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/tools/hash-text/hash-text.vue
View file

@ -40,6 +40,7 @@
</template>
<script setup lang="ts">
import { useQueryParam } from '@/composable/queryParams';
import { enc, lib, MD5, RIPEMD160, SHA1, SHA224, SHA256, SHA3, SHA384, SHA512 } from 'crypto-js';
import { ref } from 'vue';
import InputCopyable from '../../components/InputCopyable.vue';
@ -59,7 +60,7 @@ const algos = {
type AlgoNames = keyof typeof algos;
type Encoding = keyof typeof enc | 'Bin';
const algoNames = Object.keys(algos) as AlgoNames[];
const encoding = ref<Encoding>('Hex');
const encoding = useQueryParam<Encoding>({ defaultValue: 'Hex', name: 'encoding' });
const clearText = ref('');
function formatWithEncoding(words: lib.WordArray, encoding: Encoding) {

15
src/tools/token-generator/token-generator.tool.vue
View file

@ -54,18 +54,19 @@
<script setup lang="ts">
import { useCopy } from '@/composable/copy';
import { ref, watch } from 'vue';
import { useQueryParam } from '@/composable/queryParams';
import { createToken } from './token-generator.service';
const token = ref('');
const length = ref(64);
const length = useQueryParam({ name: 'length', defaultValue: 64 });
const { copy } = useCopy({ source: token, text: 'Token copied to the clipboard' });
const withUppercase = ref(true);
const withLowercase = ref(true);
const withNumbers = ref(true);
const withSymbols = ref(false);
const withUppercase = useQueryParam({ name: 'uppercase', defaultValue: true });
const withLowercase = useQueryParam({ name: 'lowercase', defaultValue: true });
const withNumbers = useQueryParam({ name: 'numbers', defaultValue: true });
const withSymbols = useQueryParam({ name: 'symbols', defaultValue: false });
watch([withUppercase, withLowercase, withNumbers, withSymbols, length], refreshToken);
watch([withUppercase, withLowercase, withNumbers, withSymbols, length], refreshToken, { immediate: true });
function refreshToken() {
token.value = createToken({
@ -76,6 +77,4 @@ function refreshToken() {
withSymbols: withSymbols.value,
});
}
refreshToken();
</script>

3
src/tools/uuid-generator/uuid-generator.vue
View file

@ -32,8 +32,9 @@
import { useCopy } from '@/composable/copy';
import { ref, watch } from 'vue';
import { v4 as generateUUID } from 'uuid';
import { useQueryParam } from '@/composable/queryParams';
const count = ref(1);
const count = useQueryParam({ defaultValue: 1, name: 'count' });
const uuids = ref('');