diff options
author | 2022-04-22 23:31:40 +0200 | |
---|---|---|
committer | 2022-04-22 23:31:40 +0200 | |
commit | 086d31eab5b3b1a927803eab5e650585f61abe19 (patch) | |
tree | 7c6b14d08370694f24d2b967343b37b16271bf3c /src/tools/encryption/encryption.vue | |
parent | 8e29a97404ea0aa9b9b576656358c8c276b6f992 (diff) | |
download | it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.tar.gz it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.tar.zst it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.zip |
refactor(lint): linter auto fix
Diffstat (limited to 'src/tools/encryption/encryption.vue')
-rw-r--r-- | src/tools/encryption/encryption.vue | 77 |
1 files changed, 26 insertions, 51 deletions
diff --git a/src/tools/encryption/encryption.vue b/src/tools/encryption/encryption.vue index 7ad4e6a..0de5903 100644 --- a/src/tools/encryption/encryption.vue +++ b/src/tools/encryption/encryption.vue @@ -2,10 +2,7 @@ <div> <n-card title="Encrypt"> <n-space item-style="flex: 1 1 0"> - <n-form-item - label="Your text:" - :show-feedback="false" - > + <n-form-item label="Your text:" :show-feedback="false"> <n-input v-model:value="cypherInput" type="textarea" @@ -14,28 +11,19 @@ /> </n-form-item> <n-space vertical> - <n-form-item - label="Your secret key:" - :show-feedback="false" - > + <n-form-item label="Your secret key:" :show-feedback="false"> <n-input v-model:value="cypherSecret" /> </n-form-item> - <n-form-item - label="Encryption algorithm:" - :show-feedback="false" - > + <n-form-item label="Encryption algorithm:" :show-feedback="false"> <n-select v-model:value="cypherAlgo" - :options="Object.keys(algos).map(label => ({ label, value: label }))" + :options="Object.keys(algos).map((label) => ({ label, value: label }))" /> </n-form-item> </n-space> </n-space> - <br> - <n-form-item - label="Yout text encrypted:" - :show-feedback="false" - > + <br /> + <n-form-item label="Yout text encrypted:" :show-feedback="false"> <n-input :value="cypherOutput" type="textarea" @@ -49,13 +37,10 @@ /> </n-form-item> </n-card> - <br> + <br /> <n-card title="Decrypt"> <n-space item-style="flex: 1 1 0"> - <n-form-item - label="Your encrypted text:" - :show-feedback="false" - > + <n-form-item label="Your encrypted text:" :show-feedback="false"> <n-input v-model:value="decryptInput" type="textarea" @@ -64,28 +49,19 @@ /> </n-form-item> <n-space vertical> - <n-form-item - label="Your secret key:" - :show-feedback="false" - > + <n-form-item label="Your secret key:" :show-feedback="false"> <n-input v-model:value="decryptSecret" /> </n-form-item> - <n-form-item - label="Encryption algorithm:" - :show-feedback="false" - > + <n-form-item label="Encryption algorithm:" :show-feedback="false"> <n-select v-model:value="decryptAlgo" - :options="Object.keys(algos).map(label => ({ label, value: label }))" + :options="Object.keys(algos).map((label) => ({ label, value: label }))" /> </n-form-item> </n-space> </n-space> - <br> - <n-form-item - label="Yout decrypted text:" - :show-feedback="false" - > + <br /> + <n-form-item label="Yout decrypted text:" :show-feedback="false"> <n-input :value="decryptOutput" type="textarea" @@ -103,21 +79,20 @@ </template> <script setup lang="ts"> -import { computed, ref } from 'vue' -import { AES, TripleDES, Rabbit, RC4, enc } from 'crypto-js' +import { computed, ref } from 'vue'; +import { AES, TripleDES, Rabbit, RC4, enc } from 'crypto-js'; -const algos = { AES, TripleDES, Rabbit, RC4 } - -const cypherInput = ref('Lorem ipsum dolor sit amet') -const cypherAlgo = ref<keyof typeof algos>('AES') -const cypherSecret = ref('my secret key') -const cypherOutput = computed(() => algos[cypherAlgo.value].encrypt(cypherInput.value, cypherSecret.value).toString()) - - -const decryptInput = ref('U2FsdGVkX1/EC3+6P5dbbkZ3e1kQ5o2yzuU0NHTjmrKnLBEwreV489Kr0DIB+uBs') -const decryptAlgo = ref<keyof typeof algos>('AES') -const decryptSecret = ref('my secret key') -const decryptOutput = computed(() => algos[decryptAlgo.value].decrypt(decryptInput.value, decryptSecret.value).toString(enc.Utf8)) +const algos = { AES, TripleDES, Rabbit, RC4 }; +const cypherInput = ref('Lorem ipsum dolor sit amet'); +const cypherAlgo = ref<keyof typeof algos>('AES'); +const cypherSecret = ref('my secret key'); +const cypherOutput = computed(() => algos[cypherAlgo.value].encrypt(cypherInput.value, cypherSecret.value).toString()); +const decryptInput = ref('U2FsdGVkX1/EC3+6P5dbbkZ3e1kQ5o2yzuU0NHTjmrKnLBEwreV489Kr0DIB+uBs'); +const decryptAlgo = ref<keyof typeof algos>('AES'); +const decryptSecret = ref('my secret key'); +const decryptOutput = computed(() => + algos[decryptAlgo.value].decrypt(decryptInput.value, decryptSecret.value).toString(enc.Utf8), +); </script> |