Fix lint issues

babel.config.js

@@ -1,15 +1,18 @@
 module.exports = {
   presets: [
-    ['@babel/preset-env', {
+    [
-      modules: false
+      "@babel/preset-env",
-    }],
+      {
+        modules: false,
+      },
+    ],
   ],
   env: {
     test: {
       presets: [
-        ['@babel/preset-env', {targets: {node: 'current'}}],
+        ["@babel/preset-env", { targets: { node: "current" } }],
-        '@babel/preset-typescript',
+        "@babel/preset-typescript",
       ],
-    }
     },
-}
+  },
+};

src/components/ListingComponent/ListingComponent.vue

@@ -56,9 +56,9 @@ const getEventName = (event: string | undefined): string => {
 };
 
 const getAmountFormatted = (amount?: BigNumber): string => {
-  if(!amount) return ""
+  if (!amount) return "";
   return formatEther(amount);
-}
+};
 
 // watch props changes
 watch(props, async (): Promise<void> => {
@@ -104,7 +104,9 @@ showInitialItems();
     >
       <span class="last-release-info">
         {{
-          isValidDeposit(item) ? item.remaining : getAmountFormatted(item.args?.amount)
+          isValidDeposit(item)
+            ? item.remaining
+            : getAmountFormatted(item.args?.amount)
         }}
         BRZ
       </span>

src/components/ListingComponent/__tests__/ListingComponent.spec.ts

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import ListingComponent from "@/components/ListingComponent/ListingComponent.vue";
 import { createPinia, setActivePinia } from "pinia";
-import { expect } from 'vitest'
+import { expect } from "vitest";
 import { MockValidDeposits } from "@/model/mock/ValidDepositMock";
 import { MockEvents } from "@/model/mock/EventMock";
 

src/model/mock/EventMock.ts

@@ -3,30 +3,27 @@ import { vi } from "vitest";
 
 export const MockEvents: Event[] = [
   {
-        "blockNumber": 1,
+    blockNumber: 1,
-        "blockHash": "0x8",
+    blockHash: "0x8",
-        "transactionIndex": 1,
+    transactionIndex: 1,
-        "removed": false,
+    removed: false,
-        "address": "0x0",
+    address: "0x0",
-        "data": "0x0",
+    data: "0x0",
-        "topics": [
+    topics: ["0x0", "0x0"],
-            "0x0",
+    transactionHash: "0x0",
-            "0x0"
+    logIndex: 1,
-        ],
+    event: "DepositAdded",
-        "transactionHash": "0x0",
+    eventSignature: "DepositAdded(address,uint256,address,uint256)",
-        "logIndex": 1,
+    args: [
-        "event": "DepositAdded",
-        "eventSignature": "DepositAdded(address,uint256,address,uint256)",
-        "args": [
       "0x0",
       {
-                "type": "BigNumber",
+        type: "BigNumber",
-                "hex": "0x00"
+        hex: "0x00",
       },
       "0x0",
       {
-                "type": "BigNumber",
+        type: "BigNumber",
-                "hex": "0x6c6b935b8bbd400000"
+        hex: "0x6c6b935b8bbd400000",
       },
     ],
     getBlock: vi.fn(),
@@ -35,30 +32,27 @@ export const MockEvents: Event[] = [
     getTransactionReceipt: vi.fn(),
   },
   {
-        "blockNumber": 2,
+    blockNumber: 2,
-        "blockHash": "0x8",
+    blockHash: "0x8",
-        "transactionIndex": 2,
+    transactionIndex: 2,
-        "removed": false,
+    removed: false,
-        "address": "0x0",
+    address: "0x0",
-        "data": "0x0",
+    data: "0x0",
-        "topics": [
+    topics: ["0x0", "0x0"],
-            "0x0",
+    transactionHash: "0x0",
-            "0x0"
+    logIndex: 2,
-        ],
+    event: "LockAdded",
-        "transactionHash": "0x0",
+    eventSignature: "LockAdded(address,uint256,address,uint256)",
-        "logIndex": 2,
+    args: [
-        "event": "LockAdded",
-        "eventSignature": "LockAdded(address,uint256,address,uint256)",
-        "args": [
       "0x0",
       {
-                "type": "BigNumber",
+        type: "BigNumber",
-                "hex": "0x00"
+        hex: "0x00",
       },
       "0x0",
       {
-                "type": "BigNumber",
+        type: "BigNumber",
-                "hex": "0x6c6b935b8bbd400000"
+        hex: "0x6c6b935b8bbd400000",
       },
     ],
     getBlock: vi.fn(),
@@ -67,35 +61,32 @@ export const MockEvents: Event[] = [
     getTransactionReceipt: vi.fn(),
   },
   {
-        "blockNumber": 3,
+    blockNumber: 3,
-        "blockHash": "0x8",
+    blockHash: "0x8",
-        "transactionIndex": 3,
+    transactionIndex: 3,
-        "removed": false,
+    removed: false,
-        "address": "0x0",
+    address: "0x0",
-        "data": "0x0",
+    data: "0x0",
-        "topics": [
+    topics: ["0x0", "0x0"],
-            "0x0",
+    transactionHash: "0x0",
-            "0x0"
+    logIndex: 3,
-        ],
+    event: "LockReleased",
-        "transactionHash": "0x0",
+    eventSignature: "LockReleased(address,uint256,address,uint256)",
-        "logIndex": 3,
+    args: [
-        "event": "LockReleased",
-        "eventSignature": "LockReleased(address,uint256,address,uint256)",
-        "args": [
       "0x0",
       {
-                "type": "BigNumber",
+        type: "BigNumber",
-                "hex": "0x00"
+        hex: "0x00",
       },
       "0x0",
       {
-                "type": "BigNumber",
+        type: "BigNumber",
-                "hex": "0x6c6b935b8bbd400000"
+        hex: "0x6c6b935b8bbd400000",
       },
     ],
     getBlock: vi.fn(),
     removeListener: vi.fn(),
     getTransaction: vi.fn(),
     getTransactionReceipt: vi.fn(),
-    }
+  },
 ];

src/model/mock/ValidDepositMock.ts

@@ -3,38 +3,38 @@ import type { ValidDeposit } from "../ValidDeposit";
 
 export const MockValidDeposits: ValidDeposit[] = [
   {
-        "blockNumber": 1,
+    blockNumber: 1,
-        "depositID": parseEther("1"),
+    depositID: parseEther("1"),
-        "remaining": 70,
+    remaining: 70,
-        "seller": "mockedSellerAddress",
+    seller: "mockedSellerAddress",
-        "pixKey": "123456789"
+    pixKey: "123456789",
   },
   {
-        "blockNumber": 2,
+    blockNumber: 2,
-        "depositID": parseEther("2"),
+    depositID: parseEther("2"),
-        "remaining": 200,
+    remaining: 200,
-        "seller": "mockedSellerAddress",
+    seller: "mockedSellerAddress",
-        "pixKey": "123456789"
+    pixKey: "123456789",
   },
   {
-        "blockNumber": 3,
+    blockNumber: 3,
-        "depositID": parseEther("3"),
+    depositID: parseEther("3"),
-        "remaining": 1250,
+    remaining: 1250,
-        "seller": "mockedSellerAddress",
+    seller: "mockedSellerAddress",
-        "pixKey": "123456789"
+    pixKey: "123456789",
   },
   {
-        "blockNumber": 4,
+    blockNumber: 4,
-        "depositID": parseEther("4"),
+    depositID: parseEther("4"),
-        "remaining": 4000,
+    remaining: 4000,
-        "seller": "mockedSellerAddress",
+    seller: "mockedSellerAddress",
-        "pixKey": "123456789"
+    pixKey: "123456789",
   },
   {
-        "blockNumber": 5,
+    blockNumber: 5,
-        "depositID": parseEther("5"),
+    depositID: parseEther("5"),
-        "remaining": 2000,
+    remaining: 2000,
-        "seller": "mockedSellerAddress",
+    seller: "mockedSellerAddress",
-        "pixKey": "123456789"
+    pixKey: "123456789",
-    }
+  },
-  ]
+];

src/shims-vue.d.ts

@@ -1,5 +1,5 @@
-declare module '*.vue' {
+declare module "*.vue" {
-  import { DefineComponent } from 'vue';
+  import { DefineComponent } from "vue";
   const component: DefineComponent;
   export default component;
 }

vite.config.ts

@@ -8,7 +8,7 @@ import vueJsx from "@vitejs/plugin-vue-jsx";
 export default defineConfig({
   test: {
     globals: true,
-    environment: 'jsdom'
+    environment: "jsdom",
   },
   plugins: [vue(), vueJsx()],
   resolve: {