Migrated project to Viem, removing Ethers completelly. Not finished tests.

src/components/SellerSteps/SellerComponent.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, ref } from "vue";
-import CustomButton from "../CustomButton/CustomButton.vue";
-import { pixFormatValidation, postProcessKey } from "@/utils/pixKeyFormat";
-import { useEtherStore } from "@/store/ether";
+import { ref, computed } from "vue";
 import { storeToRefs } from "pinia";
+import { useViemStore } from "@/store/viem";
+import CustomButton from "@/components/CustomButton/CustomButton.vue";
+import { pixFormatValidation, postProcessKey } from "@/utils/pixKeyFormat";
 import { TokenEnum } from "@/model/NetworkEnum";
 import { getTokenImage } from "@/utils/imagesPath";
 import { useOnboard } from "@web3-onboard/vue";
@@ -24,8 +24,8 @@ const tokenDropdownRef = ref<any>(null);
 const formRef = ref<HTMLFormElement | null>(null);
 
 // Reactive state
-const etherStore = useEtherStore();
-const { walletAddress, selectedToken } = storeToRefs(etherStore);
+const viemStore = useViemStore();
+const { walletAddress, selectedToken } = storeToRefs(viemStore);
 
 const fullName = ref<string>("");
 const offer = ref<string>("");
@@ -91,7 +91,7 @@ const openTokenSelection = (): void => {
 };
 
 const handleSelectedToken = (token: TokenEnum): void => {
-  etherStore.setSelectedToken(token);
+  viemStore.setSelectedToken(token);
   selectTokenToggle.value = false;
 };
 </script>

src/components/SellerSteps/SellerSearchComponent.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, computed } from "vue";
+import { storeToRefs } from "pinia";
+import { useViemStore } from "@/store/viem";
+import SpinnerComponent from "@/components/SpinnerComponent.vue";
 import CustomButton from "@/components/CustomButton/CustomButton.vue";
 import { debounce } from "@/utils/debounce";
 import { decimalCount } from "@/utils/decimalCount";
-
-import { useEtherStore } from "@/store/ether";
 import { getTokenImage } from "@/utils/imagesPath";
-import { storeToRefs } from "pinia";
 import { useOnboard } from "@web3-onboard/vue";
 
 // Store
-const etherStore = useEtherStore();
-const { walletAddress } = storeToRefs(etherStore);
+const viemStore = useViemStore();
+const { walletAddress } = storeToRefs(viemStore);
 
 // Reactive state
 const tokenValue = ref<number>(0);
@@ -76,10 +76,10 @@ const handleInputEvent = (event: any): void => {
             <img
               alt="Token image"
               class="w-fit"
-              :src="getTokenImage(etherStore.selectedToken)"
+              :src="getTokenImage(viemStore.selectedToken)"
             />
             <span class="text-gray-900 text-lg w-fit" id="token">{{
-              etherStore.selectedToken
+              viemStore.selectedToken
             }}</span>
           </div>
         </div>