aboutsummaryrefslogtreecommitdiff
path: root/src/tools/encryption/encryption.vue
diff options
context:
space:
mode:
authorGravatar Corentin Thomasset <corentin.thomasset74@gmail.com> 2022-04-22 23:31:40 +0200
committerGravatar Corentin Thomasset <corentin.thomasset74@gmail.com> 2022-04-22 23:31:40 +0200
commit086d31eab5b3b1a927803eab5e650585f61abe19 (patch)
tree7c6b14d08370694f24d2b967343b37b16271bf3c /src/tools/encryption/encryption.vue
parent8e29a97404ea0aa9b9b576656358c8c276b6f992 (diff)
downloadit-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.vue77
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>