@wagmi/vue 0.0.0-vue-20240513033839

package/dist/types/exports/query.d.ts

@@ -0,0 +1,4 @@
+export * from '@wagmi/core/query';
+export { type UseMutationParameters, type UseMutationReturnType, useMutation, } from '../utils/query.js';
+export { type UseQueryParameters, type UseQueryReturnType, useQuery, } from '../utils/query.js';
+//# sourceMappingURL=query.d.ts.map

package/dist/types/exports/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/exports/query.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAA;AAEjC,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,WAAW,GACZ,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,QAAQ,GACT,MAAM,mBAAmB,CAAA"}

package/dist/types/nuxt/module.d.ts

@@ -0,0 +1,4 @@
+import type { NuxtModule } from '@nuxt/schema';
+export type WagmiModuleOptions = {};
+export declare const wagmiModule: NuxtModule<WagmiModuleOptions>;
+//# sourceMappingURL=module.d.ts.map

package/dist/types/nuxt/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../src/nuxt/module.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAEnC,eAAO,MAAM,WAAW,EAAE,UAAU,CAAC,kBAAkB,CAiBnD,CAAA"}

package/dist/types/plugin.d.ts

@@ -0,0 +1,11 @@
+import { type ResolvedRegister, type State } from '@wagmi/core';
+export declare const configKey: unique symbol;
+export type WagmiPluginOptions = {
+    config: ResolvedRegister['config'];
+    initialState?: State | undefined;
+    reconnectOnMount?: boolean | undefined;
+};
+export declare const WagmiPlugin: {
+    install(app: import("vue").App<any>, options: WagmiPluginOptions): void;
+};
+//# sourceMappingURL=plugin.d.ts.map

package/dist/types/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,KAAK,EAAW,MAAM,aAAa,CAAA;AAGxE,eAAO,MAAM,SAAS,eAAW,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAClC,YAAY,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,WAAW;;CAUc,CAAA"}

package/dist/types/types/properties.d.ts

@@ -0,0 +1,15 @@
+import type { DefaultError, QueryKey } from '@tanstack/vue-query';
+import type { Config } from '@wagmi/core';
+import type { MaybeRef } from 'vue';
+import type { UseQueryParameters } from '../utils/query.js';
+import type { DeepUnwrapRef } from './ref.js';
+export type ConfigParameter<config extends Config = Config> = {
+    config?: Config | config | undefined;
+};
+export type EnabledParameter = {
+    enabled?: MaybeRef<boolean> | undefined;
+};
+export type QueryParameter<queryFnData = unknown, error = DefaultError, data = queryFnData, queryKey extends QueryKey = QueryKey> = {
+    query?: Omit<DeepUnwrapRef<UseQueryParameters<queryFnData, error, data, queryKey>>, 'queryFn' | 'queryHash' | 'queryKey' | 'queryKeyHashFn' | 'throwOnError'> | undefined;
+};
+//# sourceMappingURL=properties.d.ts.map

package/dist/types/types/properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../../src/types/properties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI;IAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,cAAc,CACxB,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,YAAY,EACpB,IAAI,GAAG,WAAW,EAClB,QAAQ,SAAS,QAAQ,GAAG,QAAQ,IAClC;IACF,KAAK,CAAC,EACF,IAAI,CACF,aAAa,CAAC,kBAAkB,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EACrE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,GAAG,cAAc,CACzE,GACD,SAAS,CAAA;CACd,CAAA"}

package/dist/types/types/ref.d.ts

@@ -0,0 +1,12 @@
+import type { Config } from '@wagmi/core';
+import type { MaybeRef, Ref, UnwrapRef } from 'vue';
+type Primitive = string | number | boolean | bigint | symbol | undefined | null;
+type UnwrapLeaf = Primitive | Function | Date | Error | RegExp | Map<any, any> | WeakMap<any, any> | Set<any> | WeakSet<any>;
+export type DeepMaybeRef<value> = MaybeRef<value extends Function | Config ? value : value extends object ? {
+    [key in keyof value]: DeepMaybeRef<value[key]>;
+} : value>;
+export type DeepUnwrapRef<T> = T extends UnwrapLeaf ? T : T extends Ref<infer U> ? DeepUnwrapRef<U> : T extends {} ? {
+    [Property in keyof T]: DeepUnwrapRef<T[Property]>;
+} : UnwrapRef<T>;
+export {};
+//# sourceMappingURL=ref.d.ts.map

package/dist/types/types/ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ref.d.ts","sourceRoot":"","sources":["../../../src/types/ref.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEnD,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;AAC/E,KAAK,UAAU,GACX,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,KAAK,GACL,MAAM,GACN,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GACb,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GACjB,GAAG,CAAC,GAAG,CAAC,GACR,OAAO,CAAC,GAAG,CAAC,CAAA;AAEhB,MAAM,MAAM,YAAY,CAAC,KAAK,IAAI,QAAQ,CACxC,KAAK,SAAS,QAAQ,GAAG,MAAM,GAC3B,KAAK,GACL,KAAK,SAAS,MAAM,GACpB;KACG,GAAG,IAAI,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;CAC/C,GACD,KAAK,CACV,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,UAAU,GAC/C,CAAC,GACD,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,CAAC,GACtB,aAAa,CAAC,CAAC,CAAC,GAChB,CAAC,SAAS,EAAE,GACZ;KACG,QAAQ,IAAI,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;CAClD,GACD,SAAS,CAAC,CAAC,CAAC,CAAA"}

package/dist/types/utils/cloneDeep.d.ts

@@ -0,0 +1,3 @@
+import type { DeepUnwrapRef } from '../types/ref.js';
+export declare function deepUnref<value>(value: value): DeepUnwrapRef<value>;
+//# sourceMappingURL=cloneDeep.d.ts.map

package/dist/types/utils/cloneDeep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneDeep.d.ts","sourceRoot":"","sources":["../../../src/utils/cloneDeep.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2BlE,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAKnE"}

package/dist/types/utils/getVersion.d.ts

@@ -0,0 +1,2 @@
+export declare const getVersion: () => string;
+//# sourceMappingURL=getVersion.d.ts.map

package/dist/types/utils/getVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVersion.d.ts","sourceRoot":"","sources":["../../../src/utils/getVersion.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,cAAgC,CAAA"}

package/dist/types/utils/query.d.ts

@@ -0,0 +1,17 @@
+import { type DefaultError, type MutationObserverOptions, type QueryKey, type QueryObserverOptions, type UseMutationReturnType as tanstack_UseMutationReturnType, type UseQueryReturnType as tanstack_UseQueryReturnType, useMutation } from '@tanstack/vue-query';
+import { type Evaluate, type ExactPartial, type Omit, type UnionOmit } from '@wagmi/core/internal';
+import { type MaybeRef } from 'vue';
+import type { DeepMaybeRef, DeepUnwrapRef } from '../types/ref.js';
+export type UseMutationParameters<data = unknown, error = Error, variables = void, context = unknown> = Evaluate<DeepMaybeRef<Omit<DeepUnwrapRef<MutationObserverOptions<data, error, Evaluate<variables>, context>>, 'mutationFn' | 'mutationKey' | 'throwOnError'>>>;
+export type UseMutationReturnType<data = unknown, error = Error, variables = void, context = unknown> = Evaluate<UnionOmit<tanstack_UseMutationReturnType<data, error, variables, context>, 'mutate' | 'mutateAsync'>>;
+export { useMutation };
+export type UseQueryParameters<queryFnData = unknown, error = DefaultError, data = queryFnData, queryKey extends QueryKey = QueryKey> = Evaluate<DeepMaybeRef<ExactPartial<Omit<DeepUnwrapRef<QueryObserverOptions<queryFnData, error, data, queryKey>>, 'initialData'>> & {
+    initialData?: DeepUnwrapRef<QueryObserverOptions<queryFnData, error, data, queryKey>>['initialData'] | undefined;
+}>>;
+export type UseQueryReturnType<data = unknown, error = DefaultError> = Evaluate<tanstack_UseQueryReturnType<data, error> & {
+    queryKey: QueryKey;
+}>;
+export declare function useQuery<queryFnData, error, data, queryKey extends QueryKey>(parameters: MaybeRef<UseQueryParameters<queryFnData, error, data, queryKey> & {
+    queryKey: QueryKey;
+}>): UseQueryReturnType<data, error>;
+//# sourceMappingURL=query.d.ts.map

package/dist/types/utils/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/utils/query.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,QAAQ,EACb,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,IAAI,8BAA8B,EAC5D,KAAK,kBAAkB,IAAI,2BAA2B,EACtD,WAAW,EAEZ,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAElE,MAAM,MAAM,qBAAqB,CAC/B,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,OAAO,IACf,QAAQ,CACV,YAAY,CACV,IAAI,CACF,aAAa,CACX,uBAAuB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CACnE,EACD,YAAY,GAAG,aAAa,GAAG,cAAc,CAC9C,CACF,CACF,CAAA;AAED,MAAM,MAAM,qBAAqB,CAC/B,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,OAAO,IACf,QAAQ,CACV,SAAS,CACP,8BAA8B,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,EAC/D,QAAQ,GAAG,aAAa,CACzB,CACF,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA;AAItB,MAAM,MAAM,kBAAkB,CAC5B,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,YAAY,EACpB,IAAI,GAAG,WAAW,EAClB,QAAQ,SAAS,QAAQ,GAAG,QAAQ,IAClC,QAAQ,CACV,YAAY,CACV,YAAY,CACV,IAAI,CACF,aAAa,CAAC,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EACvE,aAAa,CACd,CACF,GAAG;IAEF,WAAW,CAAC,EACR,aAAa,CACX,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CACzD,CAAC,aAAa,CAAC,GAChB,SAAS,CAAA;CACd,CACF,CACF,CAAA;AAED,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,GAAG,YAAY,IAAI,QAAQ,CAC7E,2BAA2B,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG;IACzC,QAAQ,EAAE,QAAQ,CAAA;CACnB,CACF,CAAA;AAKD,wBAAgB,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,QAAQ,EAC1E,UAAU,EAAE,QAAQ,CAClB,kBAAkB,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG;IACvD,QAAQ,EAAE,QAAQ,CAAA;CACnB,CACF,GACA,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAQjC"}

package/dist/types/utils/updateState.d.ts

@@ -0,0 +1,2 @@
+export declare function updateState(state: Record<string, unknown>, update: Record<string, any>): void;
+//# sourceMappingURL=updateState.d.ts.map

package/dist/types/utils/updateState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateState.d.ts","sourceRoot":"","sources":["../../../src/utils/updateState.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC1B,IAAI,CAIN"}

package/dist/types/version.d.ts

@@ -0,0 +1,2 @@
+export declare const version = "0.0.0-vue-20240513033839";
+//# sourceMappingURL=version.d.ts.map

package/dist/types/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,6BAA6B,CAAA"}

package/nuxt/package.json

@@ -0,0 +1,5 @@
+{
+  "type": "module",
+  "types": "../dist/types/exports/nuxt.d.ts",
+  "main": "../dist/esm/exports/nuxt.js"
+}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@wagmi/vue",
+  "description": "Vue Composables for Ethereum",
+  "version": "0.0.0-vue-20240513033839",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wevm/wagmi.git",
+    "directory": "packages/vue"
+  },
+  "files": [
+    "dist/**",
+    "!dist/**/*.tsbuildinfo",
+    "src/**/*.ts",
+    "!src/**/*.test.ts",
+    "!src/**/*.test-d.ts",
+    "/actions",
+    "/chains",
+    "/connectors",
+    "/nuxt",
+    "/query"
+  ],
+  "sideEffects": false,
+  "type": "module",
+  "main": "./dist/esm/exports/index.js",
+  "types": "./dist/types/exports/index.d.ts",
+  "typings": "./dist/types/exports/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/exports/index.d.ts",
+      "default": "./dist/esm/exports/index.js"
+    },
+    "./actions": {
+      "types": "./dist/types/exports/actions.d.ts",
+      "default": "./dist/esm/exports/actions.js"
+    },
+    "./chains": {
+      "types": "./dist/types/exports/chains.d.ts",
+      "default": "./dist/esm/exports/chains.js"
+    },
+    "./connectors": {
+      "types": "./dist/types/exports/connectors.d.ts",
+      "default": "./dist/esm/exports/connectors.js"
+    },
+    "./nuxt": {
+      "types": "./dist/types/exports/nuxt.d.ts",
+      "default": "./dist/esm/exports/nuxt.js"
+    },
+    "./query": {
+      "types": "./dist/types/exports/query.d.ts",
+      "default": "./dist/esm/exports/query.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "actions": [
+        "./dist/types/exports/actions.d.ts"
+      ],
+      "chains": [
+        "./dist/types/exports/chains.d.ts"
+      ],
+      "connectors": [
+        "./dist/types/exports/connectors.d.ts"
+      ],
+      "nuxt": [
+        "./dist/types/exports/nuxt.d.ts"
+      ],
+      "query": [
+        "./dist/types/exports/query.d.ts"
+      ]
+    }
+  },
+  "peerDependencies": {
+    "@tanstack/vue-query": ">=5.0.0",
+    "nuxt": ">=3.0.0",
+    "typescript": ">=5.0.4",
+    "viem": "2.x",
+    "vue": ">=3"
+  },
+  "peerDependenciesMeta": {
+    "nuxt": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@wagmi/connectors": "0.0.0-vue-20240513033839",
+    "@wagmi/core": "0.0.0-vue-20240513033839"
+  },
+  "contributors": [
+    "awkweb.eth <t@wevm.dev>",
+    "jxom.eth <j@wevm.dev>"
+  ],
+  "funding": "https://github.com/sponsors/wevm",
+  "keywords": [
+    "wagmi",
+    "vue",
+    "composables",
+    "eth",
+    "ethereum",
+    "dapps",
+    "wallet",
+    "web3"
+  ]
+}

package/query/package.json

@@ -0,0 +1,5 @@
+{
+  "type": "module",
+  "types": "../dist/types/exports/query.d.ts",
+  "main": "../dist/esm/exports/query.js"
+}

package/src/composables/useAccount.ts

@@ -0,0 +1,37 @@
+import {
+  type Config,
+  type GetAccountReturnType,
+  type ResolvedRegister,
+  getAccount,
+  watchAccount,
+} from '@wagmi/core'
+import { type ToRefs, onScopeDispose, reactive, readonly, toRefs } from 'vue'
+
+import { type ConfigParameter } from '../types/properties.js'
+import { updateState } from '../utils/updateState.js'
+import { useConfig } from './useConfig.js'
+
+export type UseAccountParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseAccountReturnType<config extends Config = Config> = ToRefs<
+  GetAccountReturnType<config>
+>
+
+/** https://wagmi.sh/vue/api/composables/useAccount */
+export function useAccount<config extends Config = ResolvedRegister['config']>(
+  parameters: UseAccountParameters<config> = {},
+): UseAccountReturnType<config> {
+  const config = useConfig(parameters)
+
+  const account = reactive(getAccount(config))
+
+  const unsubscribe = watchAccount(config, {
+    onChange(data) {
+      updateState(account, data)
+    },
+  })
+  onScopeDispose(() => unsubscribe())
+
+  return toRefs(readonly(account)) as UseAccountReturnType<config>
+}

package/src/composables/useAccountEffect.ts

@@ -0,0 +1,66 @@
+import { type GetAccountReturnType, watchAccount } from '@wagmi/core'
+import type { Evaluate } from '@wagmi/core/internal'
+import { watchEffect } from 'vue'
+
+import type { ConfigParameter } from '../types/properties.js'
+import type { DeepMaybeRef } from '../types/ref.js'
+import { deepUnref } from '../utils/cloneDeep.js'
+import { useConfig } from './useConfig.js'
+
+export type UseAccountEffectParameters = Evaluate<
+  DeepMaybeRef<
+    {
+      onConnect?(
+        data: Evaluate<
+          Pick<
+            Extract<GetAccountReturnType, { status: 'connected' }>,
+            'address' | 'addresses' | 'chain' | 'chainId' | 'connector'
+          > & {
+            isReconnected: boolean
+          }
+        >,
+      ): void
+      onDisconnect?(): void
+    } & ConfigParameter
+  >
+>
+
+/** https://wagmi.sh/vue/api/composables/useAccountEffect */
+export function useAccountEffect(parameters: UseAccountEffectParameters = {}) {
+  const config = useConfig(parameters)
+
+  watchEffect((onCleanup) => {
+    const { onConnect, onDisconnect } = deepUnref(parameters)
+
+    const unwatch = watchAccount(config, {
+      onChange(data, prevData) {
+        if (
+          (prevData.status === 'reconnecting' ||
+            (prevData.status === 'connecting' &&
+              prevData.address === undefined)) &&
+          data.status === 'connected'
+        ) {
+          const { address, addresses, chain, chainId, connector } = data
+          const isReconnected =
+            prevData.status === 'reconnecting' ||
+            // if `previousAccount.status` is `undefined`, the connector connected immediately.
+            prevData.status === undefined
+          onConnect?.({
+            address,
+            addresses,
+            chain,
+            chainId,
+            connector,
+            isReconnected,
+          })
+        } else if (
+          prevData.status === 'connected' &&
+          data.status === 'disconnected'
+        )
+          onDisconnect?.()
+      },
+    })
+
+    onCleanup(() => unwatch())
+  })
+}

package/src/composables/useBlockNumber.ts

@@ -0,0 +1,118 @@
+import { useQueryClient } from '@tanstack/vue-query'
+import {
+  type Config,
+  type GetBlockNumberErrorType,
+  type ResolvedRegister,
+} from '@wagmi/core'
+import {
+  type Evaluate,
+  type UnionEvaluate,
+  type UnionOmit,
+} from '@wagmi/core/internal'
+import {
+  type GetBlockNumberData,
+  type GetBlockNumberOptions,
+  type GetBlockNumberQueryFnData,
+  type GetBlockNumberQueryKey,
+  getBlockNumberQueryOptions,
+} from '@wagmi/core/query'
+import { computed } from 'vue'
+
+import type { ConfigParameter, QueryParameter } from '../types/properties.js'
+import type { DeepMaybeRef, DeepUnwrapRef } from '../types/ref.js'
+import { deepUnref } from '../utils/cloneDeep.js'
+import { type UseQueryReturnType, useQuery } from '../utils/query.js'
+import { useChainId } from './useChainId.js'
+import { useConfig } from './useConfig.js'
+import {
+  type UseWatchBlockNumberParameters,
+  useWatchBlockNumber,
+} from './useWatchBlockNumber.js'
+
+export type UseBlockNumberParameters<
+  config extends Config = Config,
+  chainId extends config['chains'][number]['id'] = config['chains'][number]['id'],
+  selectData = GetBlockNumberData,
+> = Evaluate<
+  DeepMaybeRef<
+    GetBlockNumberOptions<config, chainId> &
+      ConfigParameter<config> &
+      QueryParameter<
+        GetBlockNumberQueryFnData,
+        GetBlockNumberErrorType,
+        selectData,
+        GetBlockNumberQueryKey<config, chainId>
+      > & {
+        watch?:
+          | boolean
+          | UnionEvaluate<
+              UnionOmit<
+                DeepUnwrapRef<UseWatchBlockNumberParameters<config, chainId>>,
+                'chainId' | 'config' | 'onBlockNumber' | 'onError'
+              >
+            >
+          | undefined
+      }
+  >
+>
+
+export type UseBlockNumberReturnType<selectData = GetBlockNumberData> =
+  UseQueryReturnType<selectData, GetBlockNumberErrorType>
+
+/** https://wagmi.sh/vue/api/composables/useBlockNumber */
+export function useBlockNumber<
+  config extends Config = ResolvedRegister['config'],
+  chainId extends config['chains'][number]['id'] = config['chains'][number]['id'],
+  selectData = GetBlockNumberData,
+>(
+  parameters_: UseBlockNumberParameters<config, chainId, selectData> = {},
+): UseBlockNumberReturnType<selectData> {
+  const parameters = computed(() => deepUnref(parameters_))
+
+  const config = useConfig(parameters)
+  const queryClient = useQueryClient()
+  const configChainId = useChainId({ config })
+
+  const queryOptions = computed(() => {
+    const {
+      chainId = configChainId.value,
+      query = {},
+      watch: _,
+      ...rest
+    } = parameters.value
+    const options = getBlockNumberQueryOptions(config, {
+      ...deepUnref(rest),
+      chainId,
+    })
+    return {
+      ...query,
+      ...options,
+    }
+  })
+
+  const watchBlockNumberArgs = computed(() => {
+    const {
+      config,
+      chainId = configChainId.value,
+      query,
+      watch,
+    } = parameters.value
+    return {
+      ...({
+        config,
+        chainId,
+        ...(typeof watch === 'object' ? watch : {}),
+      } as UseWatchBlockNumberParameters),
+      enabled:
+        (query?.enabled ?? true) &&
+        (typeof watch === 'object' ? watch.enabled : watch),
+      onBlockNumber(blockNumber) {
+        queryClient.setQueryData(queryOptions.value.queryKey, blockNumber)
+      },
+    } satisfies UseWatchBlockNumberParameters
+  })
+
+  useWatchBlockNumber(watchBlockNumberArgs)
+
+  return useQuery(queryOptions as any) as UseBlockNumberReturnType<selectData>
+}

package/src/composables/useChainId.ts

@@ -0,0 +1,35 @@
+import {
+  type Config,
+  type GetChainIdReturnType,
+  type ResolvedRegister,
+  getChainId,
+  watchChainId,
+} from '@wagmi/core'
+import { type Ref, onScopeDispose, readonly, ref } from 'vue'
+
+import { type ConfigParameter } from '../types/properties.js'
+import { useConfig } from './useConfig.js'
+
+export type UseChainIdParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseChainIdReturnType<config extends Config = Config> = Ref<
+  GetChainIdReturnType<config>
+>
+
+/** https://wagmi.sh/vue/api/composables/useChainId */
+export function useChainId<config extends Config = ResolvedRegister['config']>(
+  parameters: UseChainIdParameters<config> = {},
+): UseChainIdReturnType<config> {
+  const config = useConfig(parameters)
+
+  const chainId = ref<GetChainIdReturnType>(getChainId(config))
+  const unsubscribe = watchChainId(config, {
+    onChange(data) {
+      chainId.value = data
+    },
+  })
+  onScopeDispose(() => unsubscribe())
+
+  return readonly(chainId)
+}

package/src/composables/useChains.ts

@@ -0,0 +1,38 @@
+import {
+  type Config,
+  type GetChainsReturnType,
+  type ResolvedRegister,
+  getChains,
+} from '@wagmi/core'
+import { watchChains } from '@wagmi/core/internal'
+
+import type { Chain } from 'viem'
+import { type Ref, onScopeDispose, readonly, ref } from 'vue'
+import type { ConfigParameter } from '../types/properties.js'
+import { useConfig } from './useConfig.js'
+
+export type UseChainsParameters<config extends Config = Config> =
+  ConfigParameter<config>
+
+export type UseChainsReturnType<config extends Config = Config> = Ref<
+  config['chains'] extends readonly [Chain, ...Chain[]]
+    ? config['chains']
+    : readonly [Chain, ...Chain[]]
+>
+
+/** https://wagmi.sh/vue/api/composables/useChains */
+export function useChains<config extends Config = ResolvedRegister['config']>(
+  parameters: UseChainsParameters<config> = {},
+): UseChainsReturnType<config> {
+  const config = useConfig(parameters)
+
+  const chains = ref<GetChainsReturnType>(getChains(config))
+  const unsubscribe = watchChains(config, {
+    onChange(data) {
+      chains.value = data
+    },
+  })
+  onScopeDispose(() => unsubscribe())
+
+  return readonly(chains)
+}

package/src/composables/useClient.ts

@@ -0,0 +1,66 @@
+import {
+  type Config,
+  type GetClientParameters,
+  type GetClientReturnType,
+  type ResolvedRegister,
+  getClient,
+  watchClient,
+} from '@wagmi/core'
+import type { Evaluate } from '@wagmi/core/internal'
+import {
+  type Ref,
+  computed,
+  onScopeDispose,
+  readonly,
+  ref,
+  watchEffect,
+} from 'vue'
+
+import type { ConfigParameter } from '../types/properties.js'
+import type { DeepMaybeRef } from '../types/ref.js'
+import { deepUnref } from '../utils/cloneDeep.js'
+import { useConfig } from './useConfig.js'
+
+export type UseClientParameters<
+  config extends Config = Config,
+  chainId extends config['chains'][number]['id'] | number | undefined =
+    | config['chains'][number]['id']
+    | undefined,
+> = Evaluate<
+  DeepMaybeRef<GetClientParameters<config, chainId> & ConfigParameter<config>>
+>
+
+export type UseClientReturnType<
+  config extends Config = Config,
+  chainId extends config['chains'][number]['id'] | number | undefined =
+    | config['chains'][number]['id']
+    | undefined,
+> = Ref<GetClientReturnType<config, chainId>>
+
+/** https://wagmi.sh/vue/api/composables/useClient */
+export function useClient<
+  config extends Config = ResolvedRegister['config'],
+  chainId extends config['chains'][number]['id'] | number | undefined =
+    | config['chains'][number]['id']
+    | undefined,
+>(
+  parameters: UseClientParameters<config, chainId> = {},
+): UseClientReturnType<config, chainId> {
+  const params = computed(() => deepUnref(parameters))
+
+  const config = useConfig(params)
+
+  const client = ref(getClient(config, params.value as GetClientParameters))
+  watchEffect(() => {
+    client.value = getClient(config, params.value as GetClientParameters)
+  })
+  const unsubscribe = watchClient(config, {
+    onChange(data) {
+      if (client.value?.uid === data?.uid) return
+      client.value = data
+    },
+  })
+  onScopeDispose(() => unsubscribe())
+
+  return readonly(client) as UseClientReturnType<config, chainId>
+}

package/src/composables/useConfig.ts

@@ -0,0 +1,34 @@
+import { type Config, type ResolvedRegister } from '@wagmi/core'
+import { hasInjectionContext, inject, unref } from 'vue'
+
+import {
+  WagmiInjectionContextError,
+  WagmiPluginNotFoundError,
+} from '../errors/plugin.js'
+import { configKey } from '../plugin.js'
+import type { ConfigParameter } from '../types/properties.js'
+import type { DeepMaybeRef } from '../types/ref.js'
+
+export type UseConfigParameters<config extends Config = Config> = DeepMaybeRef<
+  ConfigParameter<config>
+>
+
+export type UseConfigReturnType<config extends Config = Config> = config
+
+/** https://wagmi.sh/vue/api/composables/useConfig */
+export function useConfig<config extends Config = ResolvedRegister['config']>(
+  parameters_: UseConfigParameters<config> = {},
+): UseConfigReturnType<config> {
+  const parameters = unref(parameters_)
+
+  // passthrough config if provided
+  if (parameters.config) return parameters.config as UseConfigReturnType<config>
+
+  // ensures that `inject()` can be used
+  if (!hasInjectionContext()) throw new WagmiInjectionContextError()
+
+  const config = inject<Config | undefined>(configKey)
+  if (!config) throw new WagmiPluginNotFoundError()
+
+  return config as UseConfigReturnType<config>
+}