From d9e7ffde261d81ad27d7412d8973f1fd8108edb3 Mon Sep 17 00:00:00 2001
From: NguyenAnhQuan <ngongquan@gmail.com>
Date: Fri, 7 Nov 2025 18:29:58 +0700
Subject: [PATCH] format_code

---
 src/assets/scss/__base.scss                   |  4 +++-
 src/assets/scss/__variables.scss              | 21 ++++++++++---------
 src/components/common/CardBase.vue            |  3 +--
 src/components/common/CardBaseScrollable.vue  |  3 +--
 src/components/common/FormCommon.vue          |  2 +-
 src/components/common/PasswordForm.vue        |  6 +++---
 src/components/common/TabPaneCommon.vue       |  1 -
 src/components/common/TabsCommon.vue          |  9 ++++++--
 src/composables/useNeptuneWallet.ts           | 11 ++++++++--
 .../components/create/WalletCreatedStep.vue   |  6 +++++-
 .../recover/RecoverSeedComponent.vue          | 10 +++++++--
 src/views/Home/HomeView.vue                   |  4 ++--
 src/views/Home/components/UTXOTab.vue         | 16 +++++++-------
 .../wallet-tab/SendTransactionComponent.vue   |  8 +++----
 .../Home/components/wallet-tab/WalletInfo.vue |  8 ++++++-
 15 files changed, 71 insertions(+), 41 deletions(-)

diff --git a/src/assets/scss/__base.scss b/src/assets/scss/__base.scss
index 512a0dd..48b120a 100644
--- a/src/assets/scss/__base.scss
+++ b/src/assets/scss/__base.scss
@@ -60,7 +60,9 @@ h2 {
         border: 2px solid transparent;
         background-clip: padding-box;
         box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
-        transition: background var(--transition-fast), box-shadow var(--transition-fast);
+        transition:
+            background var(--transition-fast),
+            box-shadow var(--transition-fast);
 
         &:hover {
             background: rgba(0, 127, 207, 0.6);
diff --git a/src/assets/scss/__variables.scss b/src/assets/scss/__variables.scss
index d810243..312f65d 100644
--- a/src/assets/scss/__variables.scss
+++ b/src/assets/scss/__variables.scss
@@ -2,16 +2,16 @@
     // ==================== COLORS ====================
 
     // Primary Colors
-    --primary-color: #42A5F5;
-    --primary-hover: #1E88E5;
-    --primary-light: #E3F2FD;
-    --primary-bg: #F5FBFF;
+    --primary-color: #42a5f5;
+    --primary-hover: #1e88e5;
+    --primary-light: #e3f2fd;
+    --primary-bg: #f5fbff;
 
     // Text Colors
     --text-primary: #232323;
-    --text-secondary: #5A5A5A;
-    --text-muted: #8B8B8B;
-    --text-light: #FFFFFF;
+    --text-secondary: #5a5a5a;
+    --text-muted: #8b8b8b;
+    --text-light: #ffffff;
 
     // Background Colors
     --bg-gradient-start: #f0f8ff;
@@ -23,13 +23,13 @@
     // Border Colors
     --border-light: #e3f2fd;
     --border-color: #e8f4fc;
-    --border-primary: #42A5F5;
+    --border-primary: #42a5f5;
 
     // Status Colors
     --success-color: #10b981;
     --warning-color: #f59e0b;
     --error-color: #ef4444;
-    --info-color: #42A5F5;
+    --info-color: #42a5f5;
 
     // ==================== SPACING ====================
 
@@ -70,7 +70,8 @@
     // ==================== TYPOGRAPHY ====================
 
     // Font Families
-    --font-primary: --apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    --font-primary:
+        --apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     --font-mono: 'Courier New', monospace;
 
     // Font Sizes
diff --git a/src/components/common/CardBase.vue b/src/components/common/CardBase.vue
index 8308529..9ba2c62 100644
--- a/src/components/common/CardBase.vue
+++ b/src/components/common/CardBase.vue
@@ -1,5 +1,4 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <div class="card-base">
diff --git a/src/components/common/CardBaseScrollable.vue b/src/components/common/CardBaseScrollable.vue
index 9aaeb49..180027c 100644
--- a/src/components/common/CardBaseScrollable.vue
+++ b/src/components/common/CardBaseScrollable.vue
@@ -1,5 +1,4 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <div class="card-base scrollable">
diff --git a/src/components/common/FormCommon.vue b/src/components/common/FormCommon.vue
index e11da64..2e1bbb6 100644
--- a/src/components/common/FormCommon.vue
+++ b/src/components/common/FormCommon.vue
@@ -23,7 +23,7 @@ const showPassword = ref(false)
 const isFocused = ref(false)
 
 const inputType = computed(() => {
-    if (props.type === 'password' ) {
+    if (props.type === 'password') {
         return showPassword.value ? 'text' : 'password'
     }
     return props.type
diff --git a/src/components/common/PasswordForm.vue b/src/components/common/PasswordForm.vue
index a7bbc90..4da69de 100644
--- a/src/components/common/PasswordForm.vue
+++ b/src/components/common/PasswordForm.vue
@@ -58,11 +58,11 @@ const passwordStrength = computed(() => {
 
 const canProceed = computed(() => {
     if (!password.value || passwordError.value) return false
-    
+
     if (props.validateFormat) {
         return password.value.length >= 8 && passwordStrength.value.level >= 2
     }
-    
+
     return password.value.length > 0
 })
 
@@ -103,7 +103,7 @@ const handleBack = () => {
                     @input="passwordError = ''"
                     @keyup.enter="handleSubmit"
                 />
-                
+
                 <!-- Password Strength Indicator -->
                 <div v-if="props.validateFormat && password" class="password-strength">
                     <div class="strength-bar">
diff --git a/src/components/common/TabPaneCommon.vue b/src/components/common/TabPaneCommon.vue
index df81fe9..8dcefa3 100644
--- a/src/components/common/TabPaneCommon.vue
+++ b/src/components/common/TabPaneCommon.vue
@@ -26,4 +26,3 @@ const isActive = computed(() => {
     flex-direction: column;
 }
 </style>
-
diff --git a/src/components/common/TabsCommon.vue b/src/components/common/TabsCommon.vue
index 8c4b60b..e5c0449 100644
--- a/src/components/common/TabsCommon.vue
+++ b/src/components/common/TabsCommon.vue
@@ -53,7 +53,13 @@ const tabClasses = computed(() => {
             >
                 {{ item.label }}
             </div>
-            <div class="tabs-ink-bar" :style="{ left: `${items.findIndex(item => item.key === activeKey) * (100 / items.length)}%`, width: `${100 / items.length}%` }" />
+            <div
+                class="tabs-ink-bar"
+                :style="{
+                    left: `${items.findIndex((item) => item.key === activeKey) * (100 / items.length)}%`,
+                    width: `${100 / items.length}%`,
+                }"
+            />
         </div>
         <div class="tabs-content">
             <slot />
@@ -135,4 +141,3 @@ const tabClasses = computed(() => {
     }
 }
 </style>
-
diff --git a/src/composables/useNeptuneWallet.ts b/src/composables/useNeptuneWallet.ts
index 428b53b..f2c0fc9 100644
--- a/src/composables/useNeptuneWallet.ts
+++ b/src/composables/useNeptuneWallet.ts
@@ -1,6 +1,11 @@
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import * as API from '@/api/neptuneApi'
-import type { GenerateSeedResult, PayloadBuildTransaction, ViewKeyResult, WalletState } from '@/interface'
+import type {
+    GenerateSeedResult,
+    PayloadBuildTransaction,
+    ViewKeyResult,
+    WalletState,
+} from '@/interface'
 import initWasm, { generate_seed, address_from_seed, validate_seed_phrase } from '@neptune/wasm'
 
 let wasmInitialized = false
@@ -227,7 +232,9 @@ export function useNeptuneWallet() {
         }
     }
 
-    const buildTransactionWithPrimitiveProof = async (args: PayloadBuildTransaction): Promise<any> => {
+    const buildTransactionWithPrimitiveProof = async (
+        args: PayloadBuildTransaction
+    ): Promise<any> => {
         const payload = {
             spendingKeyHex: store.getSpendingKey,
             inputAdditionRecords: args.inputAdditionRecords,
diff --git a/src/views/Auth/components/create/WalletCreatedStep.vue b/src/views/Auth/components/create/WalletCreatedStep.vue
index 753e622..f4e8921 100644
--- a/src/views/Auth/components/create/WalletCreatedStep.vue
+++ b/src/views/Auth/components/create/WalletCreatedStep.vue
@@ -42,7 +42,11 @@ const handleCreateAnother = () => {
             keystore file should only be used in an offline setting.
         </p>
         <div class="center-svg" style="margin: 14px auto 12px auto">
-            <img src="@/assets/imgs/logo.png" alt="Neptune Logo" style="max-width: 180px; height: auto;" />
+            <img
+                src="@/assets/imgs/logo.png"
+                alt="Neptune Logo"
+                style="max-width: 180px; height: auto"
+            />
         </div>
         <div class="btn-row">
             <ButtonCommon
diff --git a/src/views/Auth/components/recover/RecoverSeedComponent.vue b/src/views/Auth/components/recover/RecoverSeedComponent.vue
index 966e75c..609b16f 100644
--- a/src/views/Auth/components/recover/RecoverSeedComponent.vue
+++ b/src/views/Auth/components/recover/RecoverSeedComponent.vue
@@ -26,7 +26,10 @@ const inputBoxFocus = (idx: number) => {
 const handleGridInput = (index: number, value: string) => {
     emit('update:valid', true)
     seedWords.value[index] = value
-    emit('update:words', seedWords.value.filter((w) => w.trim()))
+    emit(
+        'update:words',
+        seedWords.value.filter((w) => w.trim())
+    )
 }
 
 const handlePaste = (event: ClipboardEvent) => {
@@ -42,7 +45,10 @@ const handlePaste = (event: ClipboardEvent) => {
 
     const filledWords = Array.from({ length: 18 }, (_, i) => words[i] || '')
     seedWords.value = filledWords
-    emit('update:words', words.filter((w) => w.trim()))
+    emit(
+        'update:words',
+        words.filter((w) => w.trim())
+    )
 }
 
 const handleSubmit = () => {
diff --git a/src/views/Home/HomeView.vue b/src/views/Home/HomeView.vue
index 1daef65..57691ab 100644
--- a/src/views/Home/HomeView.vue
+++ b/src/views/Home/HomeView.vue
@@ -23,8 +23,8 @@ onMounted(async () => {
 <template>
     <div class="home-container">
         <TabsCommon v-model="activeTab" :items="tabItems" size="large" class="main-tabs">
-             <!-- WALLET TAB -->
-             <TabPaneCommon tab-key="WALLET">
+            <!-- WALLET TAB -->
+            <TabPaneCommon tab-key="WALLET">
                 <WalletTab :network="network" />
             </TabPaneCommon>
 
diff --git a/src/views/Home/components/UTXOTab.vue b/src/views/Home/components/UTXOTab.vue
index 544f148..636dbdb 100644
--- a/src/views/Home/components/UTXOTab.vue
+++ b/src/views/Home/components/UTXOTab.vue
@@ -4,7 +4,6 @@ import { Table, message } from 'ant-design-vue'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { CardBaseScrollable, SpinnerCommon } from '@/components'
-import { PER_PAGE } from '@/utils'
 import { columns } from '../utils'
 
 const { getUtxos } = useNeptuneWallet()
@@ -12,12 +11,15 @@ const neptuneStore = useNeptuneStore()
 
 const loading = ref(false)
 
-const utxosList = computed(() => [...(neptuneStore.getUtxos || []), ...Array.from({ length: 18 }, (_, i) => ({
-    additionRecord: `additionRecord${i}`,
-    amount: `${i}.00000000`,
-    blockHeight: `blockHeight${i}`,
-    utxoHash: `utxoHash${i}`,
-}))])
+const utxosList = computed(() => [
+    ...(neptuneStore.getUtxos || []),
+    ...Array.from({ length: 18 }, (_, i) => ({
+        additionRecord: `additionRecord${i}`,
+        amount: `${i}.00000000`,
+        blockHeight: `blockHeight${i}`,
+        utxoHash: `utxoHash${i}`,
+    })),
+])
 
 const inUseUtxosCount = computed(() => (utxosList.value?.length ? utxosList.value.length : 0))
 const inUseUtxosAmount = computed(() => {
diff --git a/src/views/Home/components/wallet-tab/SendTransactionComponent.vue b/src/views/Home/components/wallet-tab/SendTransactionComponent.vue
index f329d1d..533fed9 100644
--- a/src/views/Home/components/wallet-tab/SendTransactionComponent.vue
+++ b/src/views/Home/components/wallet-tab/SendTransactionComponent.vue
@@ -26,11 +26,11 @@ const isAmountValid = computed(() => {
     if (!outputAmounts.value) return false
     const num = parseFloat(outputAmounts.value)
     if (isNaN(num) || num <= 0) return false
-    
+
     // Check if amount exceeds available balance
     const balance = parseFloat(props.availableBalance)
     if (!isNaN(balance) && num > balance) return false
-    
+
     return true
 })
 const isFeeValid = computed(() => {
@@ -43,12 +43,12 @@ const amountErrorMessage = computed(() => {
     if (!outputAmounts.value) return ''
     const num = parseFloat(outputAmounts.value)
     if (isNaN(num) || num <= 0) return 'Invalid amount'
-    
+
     const balance = parseFloat(props.availableBalance)
     if (!isNaN(balance) && num > balance) {
         return `Insufficient balance. Available: ${props.availableBalance} NPT`
     }
-    
+
     return ''
 })
 
diff --git a/src/views/Home/components/wallet-tab/WalletInfo.vue b/src/views/Home/components/wallet-tab/WalletInfo.vue
index 71bbca5..208ad17 100644
--- a/src/views/Home/components/wallet-tab/WalletInfo.vue
+++ b/src/views/Home/components/wallet-tab/WalletInfo.vue
@@ -3,7 +3,13 @@ import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useNeptuneStore } from '@/stores/neptuneStore'
 import { useNeptuneWallet } from '@/composables/useNeptuneWallet'
 import { message } from 'ant-design-vue'
-import { ButtonCommon, CardBaseScrollable, ModalCommon, SpinnerCommon, PasswordForm } from '@/components'
+import {
+    ButtonCommon,
+    CardBaseScrollable,
+    ModalCommon,
+    SpinnerCommon,
+    PasswordForm,
+} from '@/components'
 import SeedPhraseDisplayComponent from '@/views/Auth/components/SeedPhraseDisplayComponent.vue'
 import SendTransactionComponent from './SendTransactionComponent.vue'
 import { WalletAddress, WalletBalance } from '.'