From 6b58ec554a0de91139f16d67cec42536d093d5fb Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Fri, 15 Apr 2022 23:10:47 +0200
Subject: refactor(style): updated linter config

---
 src/tools/encryption/encryption.vue | 178 ++++++++++++++++++++----------------
 1 file changed, 101 insertions(+), 77 deletions(-)

(limited to 'src/tools/encryption/encryption.vue')

diff --git a/src/tools/encryption/encryption.vue b/src/tools/encryption/encryption.vue
index 415aadc..efe2be9 100644
--- a/src/tools/encryption/encryption.vue
+++ b/src/tools/encryption/encryption.vue
@@ -1,81 +1,105 @@
 <template>
-    <div>
-        <n-card title="Encrypt">
-            <n-space item-style="flex: 1 1 0">
-                <n-form-item label="Your text:" :show-feedback="false">
-                    <n-input
-                        v-model:value="cypherInput"
-                        type="textarea"
-                        placeholder="The string to cypher"
-                        :autosize="{ minRows: 4 }"
-                    />
-                </n-form-item>
-                <n-space vertical>
-                    <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-select
-                            v-model:value="cypherAlgo"
-                            :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">
-                <n-input
-                    :value="cypherOutput"
-                    type="textarea"
-                    placeholder="Your string hash"
-                    :autosize="{ minRows: 2 }"
-                    readonly
-                    autocomplete="off"
-                    autocorrect="off"
-                    autocapitalize="off"
-                    spellcheck="false"
-                />
-            </n-form-item>
-        </n-card>
-        <br />
-        <n-card title="Decrypt">
-            <n-space item-style="flex: 1 1 0">
-                <n-form-item label="Your encrypted text:" :show-feedback="false">
-                    <n-input
-                        v-model:value="decryptInput"
-                        type="textarea"
-                        placeholder="The string to cypher"
-                        :autosize="{ minRows: 4 }"
-                    />
-                </n-form-item>
-                <n-space vertical>
-                    <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-select
-                            v-model:value="decryptAlgo"
-                            :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">
-                <n-input
-                    :value="decryptOutput"
-                    type="textarea"
-                    placeholder="Your string hash"
-                    :autosize="{ minRows: 2 }"
-                    readonly
-                    autocomplete="off"
-                    autocorrect="off"
-                    autocapitalize="off"
-                    spellcheck="false"
-                />
-            </n-form-item>
-        </n-card>
-    </div>
+  <div>
+    <n-card title="Encrypt">
+      <n-space item-style="flex: 1 1 0">
+        <n-form-item
+          label="Your text:"
+          :show-feedback="false"
+        >
+          <n-input
+            v-model:value="cypherInput"
+            type="textarea"
+            placeholder="The string to cypher"
+            :autosize="{ minRows: 4 }"
+          />
+        </n-form-item>
+        <n-space vertical>
+          <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-select
+              v-model:value="cypherAlgo"
+              :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"
+      >
+        <n-input
+          :value="cypherOutput"
+          type="textarea"
+          placeholder="Your string hash"
+          :autosize="{ minRows: 2 }"
+          readonly
+          autocomplete="off"
+          autocorrect="off"
+          autocapitalize="off"
+          spellcheck="false"
+        />
+      </n-form-item>
+    </n-card>
+    <br>
+    <n-card title="Decrypt">
+      <n-space item-style="flex: 1 1 0">
+        <n-form-item
+          label="Your encrypted text:"
+          :show-feedback="false"
+        >
+          <n-input
+            v-model:value="decryptInput"
+            type="textarea"
+            placeholder="The string to cypher"
+            :autosize="{ minRows: 4 }"
+          />
+        </n-form-item>
+        <n-space vertical>
+          <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-select
+              v-model:value="decryptAlgo"
+              :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"
+      >
+        <n-input
+          :value="decryptOutput"
+          type="textarea"
+          placeholder="Your string hash"
+          :autosize="{ minRows: 2 }"
+          readonly
+          autocomplete="off"
+          autocorrect="off"
+          autocapitalize="off"
+          spellcheck="false"
+        />
+      </n-form-item>
+    </n-card>
+  </div>
 </template>
 
 <script setup lang="ts">
-- 
cgit v1.2.3