update dependencies

Author: kolirt

.github/workflows/deploy-demo.yml

@@ -30,7 +30,7 @@ jobs:
       - name: 🟢 Node
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
           registry-url: 'https://registry.npmjs.org'
       - name: 🕵 Yarn install
         uses: borales/actions-yarn@v4

.github/workflows/publish-to-npm.yml

@@ -14,7 +14,7 @@ jobs:
       - name: 🟢 Node
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
           registry-url: 'https://registry.npmjs.org'
       - name: 🕵 Yarn install
         uses: borales/actions-yarn@v4

lib/actions/event.ts

@@ -1,5 +1,5 @@
 import { watchContractEvent as masterWatchContractEvent } from '@wagmi/core'
-import type { TransactionReceipt } from 'viem/src/types/transaction'
+import type { TransactionReceipt } from 'viem/types/transaction'
 import { decodeEventLog } from 'viem/utils'
 
 import { chain } from '../chain'

lib/actions/multicall.ts

@@ -1,12 +1,12 @@
-import { multicall as masterMulticall } from '@wagmi/core'
+import { type MulticallResult, multicall as masterMulticall } from '@wagmi/core'
 import { type MulticallParameters } from 'viem/actions'
-import { type ContractFunctionConfig } from 'viem/src/types/contract'
+import { type ContractFunctionConfig } from 'viem/types/contract'
 
 import type { MulticallArgs } from '../types'
 
 export async function multicall<TContracts extends ContractFunctionConfig[], TAllowFailure extends boolean = true>(
   params: MulticallArgs<TAllowFailure>
-) {
+): Promise<MulticallResult<TContracts, TAllowFailure>> {
   // @ts-ignore
   const contracts: TContracts = [] as TContracts
 

lib/types.ts

@@ -8,7 +8,7 @@ import type {
 } from '@wagmi/core'
 import type { ThemeCtrlState } from '@web3modal/core'
 import type { EthereumClient } from '@web3modal/ethereum'
-import type { WatchAssetParams } from 'viem/src/types/eip1193'
+import type { WatchAssetParams } from 'viem/types/eip1193'
 
 type BlockTag = 'latest' | 'earliest' | 'pending' | 'safe' | 'finalized'
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolirt/vue-web3-auth",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Web3 authentication for Vue3 apps based on WalletConnect Web3Modal v2",
   "author": "kolirt",
   "license": "MIT",
@@ -62,17 +62,17 @@
   },
   "homepage": "https://github.com/kolirt/vue-web3-auth#readme",
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": ">=3"
   },
   "dependencies": {
-    "@wagmi/core": "^1.2.1",
-    "@web3modal/ethereum": "^2.4.7",
-    "@web3modal/html": "^2.4.7",
+    "@wagmi/core": "1.4.13",
+    "@web3modal/ethereum": "2.7.1",
+    "@web3modal/html": "2.7.1",
     "bootstrap": "5.3.0",
-    "js-event-bus": "^1.1.1",
-    "viem": "^1.1.6",
+    "js-event-bus": "1.1.1",
+    "viem": "1.21.4",
     "vue": "^3.3.2",
-    "wagmi": "^1.2.1"
+    "wagmi": "1.4.13"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",

src/App.vue

@@ -199,6 +199,8 @@ async function signMessage() {
           </button>
         </div>
 
+        <hr />
+
         <div class="d-grid d-sm-flex mb-3 gap-2">
           <button
             v-for="item in availableChains"
@@ -208,13 +210,11 @@ async function signMessage() {
           >
             Reconnect to {{ item.name }}
           </button>
-        </div>
-
-        <hr />
 
-        <button @click="disconnect" class="btn btn-danger">
-          {{ loading.logouting ? 'Logouting...' : 'Logout' }}
-        </button>
+          <button @click="disconnect" class="btn btn-danger">
+            {{ loading.logouting ? 'Logouting...' : 'Logout' }}
+          </button>
+        </div>
       </template>
 
       <div v-else class="d-grid d-sm-flex mb-3 gap-2">