Merge pull request #165 from unicape/1.x

chore: Update dependencies

.changeset/clever-mugs-ring.md

@@ -0,0 +1,5 @@
+---
+"use-wagmi": patch
+---
+
+Update dependencies

packages/vue/package.json

@@ -86,8 +86,8 @@
     }
   },
   "dependencies": {
-    "@wagmi/connectors": "4.1.13",
-    "@wagmi/core": "2.6.4",
+    "@wagmi/connectors": "4.1.14",
+    "@wagmi/core": "2.6.5",
     "vue": "3.3.8",
     "vue-demi": "^0.14.6"
   },

packages/vue/src/exports/index.ts

@@ -76,6 +76,12 @@ export {
   useChainId,
 } from '../hooks/useChainId.js'
 
+export {
+  type UseChainsParameters,
+  type UseChainsReturnType,
+  useChains,
+} from '../hooks/useChains.js'
+
 export {
   type UseClientParameters,
   type UseClientReturnType,

packages/vue/src/hooks/useChains.ts

@@ -0,0 +1,36 @@
+'use client'
+
+import {
+  type Config,
+  type GetChainsReturnType,
+  type ResolvedRegister,
+  getChains,
+} from '@wagmi/core'
+import { watchChains } from '@wagmi/core/internal'
+import { type Ref, ref } from 'vue-demi'
+
+import type { ConfigParameter, MaybeRefDeep } from '../types.js'
+import { useConfig } from './useConfig.js'
+
+export type UseChainsParameters<config extends Config = Config> = MaybeRefDeep<
+  ConfigParameter<config>
+>
+
+export type UseChainsReturnType<config extends Config = Config> = Ref<
+  GetChainsReturnType<config>
+>
+/** https://wagmi.sh/react/api/hooks/useChains */
+export function useChains<config extends Config = ResolvedRegister['config']>(
+  parameters: UseChainsParameters<config> = {},
+): UseChainsReturnType<config> {
+  const config = useConfig(parameters)
+  const chains = ref(getChains(config))
+
+  watchChains(config, {
+    onChange () {
+      chains.value = getChains(config)
+    }
+  })
+
+  return chains
+}

packages/vue/src/hooks/useDisconnect.ts

@@ -63,7 +63,7 @@ export function useDisconnect<context = unknown>(
   return {
     ...result,
     connectors: computed(() =>
-      useConnections().value.map((connection) => connection.connector),
+      useConnections({ config }).value.map((connection) => connection.connector),
     ),
     disconnect: mutate,
     disconnectAsync: mutateAsync,

packages/vue/src/hooks/useSwitchAccount.ts

@@ -6,8 +6,6 @@ import {
   type Connector,
   type ResolvedRegister,
   type SwitchAccountErrorType,
-  getConnections,
-  watchConnections,
 } from '@wagmi/core'
 import type { Evaluate } from '@wagmi/core/internal'
 import {
@@ -17,14 +15,15 @@ import {
   type SwitchAccountVariables,
   switchAccountMutationOptions,
 } from '@wagmi/core/query'
-import { type Ref, computed, shallowRef } from 'vue-demi'
+import { type Ref, computed } from 'vue-demi'
 
 import type { ConfigParameter, MaybeRefDeep } from '../types.js'
 import type {
   UseMutationParameters,
   UseMutationReturnType,
 } from '../utils/query.js'
 import { useConfig } from './useConfig.js'
+import { useConnections } from './useConnections.js'
 
 export type UseSwitchAccountParameters<
   config extends Config = Config,
@@ -68,13 +67,6 @@ export function useSwitchAccount<
   const { mutation } = parameters
 
   const config = useConfig(parameters)
-  const connections = shallowRef(getConnections(config))
-
-  watchConnections(config, {
-    onChange() {
-      connections.value = getConnections(config)
-    },
-  })
 
   const mutationOptions = switchAccountMutationOptions(config)
   const { mutate, mutateAsync, ...result } = useMutation({
@@ -85,7 +77,7 @@ export function useSwitchAccount<
   return {
     ...result,
     connectors: computed(() =>
-      connections.value.map((connection) => connection.connector),
+      useConnections({ config }).value.map((connection) => connection.connector),
     ),
     switchAccount: mutate,
     switchAccountAsync: mutateAsync,

packages/vue/src/hooks/useSwitchChain.ts

@@ -3,6 +3,7 @@
 import { useMutation } from '@tanstack/vue-query'
 import type {
   Config,
+  GetChainsReturnType,
   ResolvedRegister,
   SwitchChainErrorType,
 } from '@wagmi/core'
@@ -15,11 +16,13 @@ import {
   switchChainMutationOptions,
 } from '@wagmi/core/query'
 
+import type { Ref } from 'vue-demi'
 import type { ConfigParameter, MaybeRefDeep } from '../types.js'
 import type {
   UseMutationParameters,
   UseMutationReturnType,
 } from '../utils/query.js'
+import { useChains } from './useChains.js'
 import { useConfig } from './useConfig.js'
 
 export type UseSwitchChainParameters<
@@ -48,7 +51,7 @@ export type UseSwitchChainReturnType<
     SwitchChainVariables<config, config['chains'][number]['id']>,
     context
   > & {
-    chains: config['chains']
+    chains: Ref<Evaluate<GetChainsReturnType<config>>>
     switchChain: SwitchChainMutate<config, context>
     switchChainAsync: SwitchChainMutateAsync<config, context>
   }
@@ -73,7 +76,7 @@ export function useSwitchChain<
 
   return {
     ...result,
-    chains: config.chains,
+    chains: useChains({ config }),
     switchChain: mutate,
     switchChainAsync: mutateAsync,
   } as UseSwitchChainReturnType<config, context>