1 files changed, 64 insertions, 42 deletions
diff --git a/src/tools/bip39-generator/bip39-generator.vue b/src/tools/bip39-generator/bip39-generator.vue
index 2cffcbb..f81ce8f 100644
--- a/src/tools/bip39-generator/bip39-generator.vue
+++ b/src/tools/bip39-generator/bip39-generator.vue
@@ -1,47 +1,69 @@
 <template>
-    <div>
-        <n-card>
-            <n-grid cols="3" x-gap="12">
-                <n-gi span="1">
-                    <n-form-item label="Language:">
-                        <n-select v-model:value="language"
-                            :options="Object.keys(languages).map(label => ({ label, value: label }))" />
-                    </n-form-item>
-                </n-gi>
-                <n-gi span="2">
-                    <n-form-item label="Entropy (seed):" :feedback="entropyValidation.message"
-                        :validation-status="entropyValidation.status">
-                        <n-input-group>
-                            <n-input v-model:value="entropy" placeholder="Your string..." />
-                            <n-button @click="refreshEntropy">
-                                <n-icon size="22">
-                                    <Refresh />
-                                </n-icon>
-                            </n-button>
-                            <n-button @click="copyEntropy">
-                                <n-icon size="22">
-                                    <Copy />
-                                </n-icon>
-                            </n-button>
-                        </n-input-group>
+  <div>
+    <n-card>
+      <n-grid
+        cols="3"
+        x-gap="12"
+      >
+        <n-gi span="1">
+          <n-form-item label="Language:">
+            <n-select
+              v-model:value="language"
+              :options="Object.keys(languages).map(label => ({ label, value: label }))"
+            />
+          </n-form-item>
+        </n-gi>
+        <n-gi span="2">
+          <n-form-item
+            label="Entropy (seed):"
+            :feedback="entropyValidation.message"
+            :validation-status="entropyValidation.status"
+          >
+            <n-input-group>
+              <n-input
+                v-model:value="entropy"
+                placeholder="Your string..."
+              />
+              <n-button @click="refreshEntropy">
+                <n-icon size="22">
+                  <Refresh />
+                </n-icon>
+              </n-button>
+              <n-button @click="copyEntropy">
+                <n-icon size="22">
+                  <Copy />
+                </n-icon>
+              </n-button>
+            </n-input-group>
+          </n-form-item>
+        </n-gi>
+      </n-grid>
+      <n-form-item
+        label="Passphrase (mnemonic):"
+        :feedback="mnemonicValidation.message"
+        :validation-status="mnemonicValidation.status"
+      >
+        <n-input-group>
+          <n-input
+            v-model:value="passphrase"
+            style="text-align: center; flex: 1;"
+            placeholder="Your mnemonic..."
+            autocomplete="off"
+            autocorrect="off"
+            autocapitalize="off"
+            spellcheck="false"
+          />
 
-                    </n-form-item>
-                </n-gi>
-            </n-grid>
-            <n-form-item label="Passphrase (mnemonic):" :feedback="mnemonicValidation.message"
-                :validation-status="mnemonicValidation.status">
-                <n-input-group>
-                    <n-input style="text-align: center; flex: 1;" v-model:value="passphrase"
-                        placeholder="Your mnemonic..." autocomplete="off" autocorrect="off" autocapitalize="off"
-                        spellcheck="false" />
-
-                    <n-button @click="copyPassphrase">
-                        <n-icon size="22" :component="Copy" />
-                    </n-button>
-                </n-input-group>
-            </n-form-item>
-        </n-card>
-    </div>
+          <n-button @click="copyPassphrase">
+            <n-icon
+              size="22"
+              :component="Copy"
+            />
+          </n-button>
+        </n-input-group>
+      </n-form-item>
+    </n-card>
+  </div>
 </template>
 
 <script setup lang="ts">