fix: resolve @interchain-kit getCurrentWallet compatibility issue

- Add polyfill for WalletManager.getCurrentWallet method
- Update wallet composables to use current API
- Fix premature balance queries causing "Client not exist" errors

Author: sdqede

examples/injective-vue/package.json

@@ -15,7 +15,7 @@
     "@interchain-kit/keplr-extension": "0.2.222",
     "@interchain-kit/leap-extension": "0.2.222",
     "@interchain-kit/vue": "0.2.222",
-    "@interchain-ui/vue": "^1.4.1",
+    "@interchain-ui/vue": "1.4.1",
     "@interchainjs/cosmos": "1.11.2",
     "@interchainjs/injective": "1.6.5",
     "@interchainjs/vue": "1.11.2",

examples/injective-vue/src/composables/common/useInjectiveClient.ts

@@ -1,20 +1,20 @@
-import { ExtensionWallet } from '@interchain-kit/core';
-import { useChain, useWalletManager } from '@interchain-kit/vue';
+import { useChain } from '@interchain-kit/vue';
 import { toConverters, toEncoders } from '@interchainjs/cosmos/utils';
 import { InjSigningClient } from '@interchainjs/injective/signing-client';
 import { MsgSend } from '@interchainjs/vue/cosmos/bank/v1beta1/tx';
 import { Ref, computed, ref, watch } from 'vue';
 
 export const useInjectiveClient = (chainName: Ref<string>) => {
-  const { rpcEndpoint, chain } = useChain(chainName);
+  const { rpcEndpoint, chain, wallet } = useChain(chainName);
   const injectiveClient = ref();
-  const wm = useWalletManager();
   const signer = computed(() => {
     if (!chain.value.chainId) {
       return;
     }
-    const wallet = wm.getCurrentWallet() as unknown as ExtensionWallet;
-    return wallet.getOfflineSigner(chain.value.chainId, 'direct'); // cosmoshub-4
+    if (!wallet.value) {
+      return;
+    }
+    return wallet.value.getOfflineSigner(chain.value.chainId, 'direct'); // cosmoshub-4
   });
   const _fetchClient = async (rpcEndpoint: string, signer: any) => {
     if (!rpcEndpoint || !signer) {

examples/injective-vue/src/composables/common/useStargateClient.ts

@@ -1,18 +1,18 @@
 import { Ref, computed, ref, watch } from 'vue';
-import { ExtensionWallet } from '@interchain-kit/core';
-import { useChain, useWalletManager } from '@interchain-kit/vue';
+import { useChain } from '@interchain-kit/vue';
 import { SigningClient as SigningStargateClient } from '@interchainjs/cosmos/signing-client';
 
 export const useStargateClient = (chainName: Ref<string>) => {
-  const { rpcEndpoint, chain } = useChain(chainName);
+  const { rpcEndpoint, chain, wallet } = useChain(chainName);
   const stargazeClient = ref();
-  const wm = useWalletManager();
   const signer = computed(() => {
     if (!chain.value.chainId) {
       return;
     }
-    const wallet = wm.getCurrentWallet() as unknown as ExtensionWallet;
-    return wallet.getOfflineSigner(chain.value.chainId, 'direct'); // cosmoshub-4
+    if (!wallet.value) {
+      return;
+    }
+    return wallet.value.getOfflineSigner(chain.value.chainId, 'direct'); // cosmoshub-4
   });
   const _fetchClient = async (rpcEndpoint: string, signer: any) => {
     if (!rpcEndpoint || !signer) {

examples/injective-vue/src/composables/injective/useBalanceVue.ts

@@ -1,21 +1,22 @@
-import BigNumber from "bignumber.js";
-import { ref, computed } from "vue";
-import { assetLists } from "@chain-registry/v2";
+import BigNumber from 'bignumber.js';
+import { Ref, computed } from 'vue';
+import { assetLists } from '@chain-registry/v2';
 import { useGetBalance } from '@interchainjs/vue/cosmos/bank/v1beta1/query.rpc.vue';
 import { defaultRpcEndpoint } from '../../config/asset-list/defaults';
-import { useChain } from "@interchain-kit/vue";
+import { useChain } from '@interchain-kit/vue';
 
-
-export const useBalanceVue = (chainName: ref) => {
+export const useBalanceVue = (chainName: Ref<string>) => {
   const chainInfo = useChain(chainName);
-  
+
   const { address } = chainInfo;
-  
-  const defaultAssetList = assetLists.find((assetList) => assetList.chainName === chainName.value)
+
+  const defaultAssetList = assetLists.find(
+    (assetList) => assetList.chainName === chainName.value
+  );
 
   const coin = defaultAssetList?.assets[0];
 
-  const denom = coin!.base!
+  const denom = coin!.base!;
 
   const COIN_DISPLAY_EXPONENT = coin!.denomUnits.find(
     (unit) => unit.denom === coin!.display
@@ -30,19 +31,19 @@ export const useBalanceVue = (chainName: ref) => {
     data: balance,
     isSuccess: isBalanceLoaded,
     isLoading: isFetchingBalance,
-    refetch: refetchBalance
+    refetch: refetchBalance,
   } = useGetBalance({
     request,
     options: {
-      enabled: !!address,
+      enabled: !!address.value,
       //@ts-ignore
       select: ({ balance }) =>
         new BigNumber(balance?.amount ?? 0).multipliedBy(
           10 ** -COIN_DISPLAY_EXPONENT
         ),
     },
     clientResolver: defaultRpcEndpoint,
-  })
+  });
 
   return {
     balance,
@@ -53,4 +54,4 @@ export const useBalanceVue = (chainName: ref) => {
   };
 };
 
-export default useBalanceVue;
+export default useBalanceVue;

examples/injective-vue/src/main.ts

@@ -1,10 +1,12 @@
-import { createApp } from 'vue'
-import router from './router'
-import './style.css'
-import "@interchain-ui/vue/style.css";
+import { createApp } from 'vue';
+import router from './router';
+import './style.css';
+import '@interchain-ui/vue/style.css';
 import { VueQueryPlugin, QueryClient } from '@tanstack/vue-query';
-// import "@interchain-ui/vue/globalStyles";
-import App from './App.vue'
+// import '@interchain-ui/vue/globalStyles';
+import App from './App.vue';
+// polyfill for @interchain-kit/vue <-> core compatibility
+import './polyfills/interchain-kit-compat';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -17,10 +19,10 @@ const queryClient = new QueryClient({
 
 // @ts-ignore
 BigInt.prototype['toJSON'] = function () {
-  return this.toString()
-}
+  return this.toString();
+};
 
 const app = createApp(App);
 app.use(VueQueryPlugin, { queryClient });
-app.use(router)
+app.use(router);
 app.mount('#app');

examples/injective-vue/src/polyfills/interchain-kit-compat.ts

@@ -0,0 +1,18 @@
+import { WalletManager, WalletState } from '@interchain-kit/core';
+
+// Runtime polyfill: older @interchain-kit/core versions may not expose getCurrentWallet,
+// but @interchain-kit/vue expects it. Provide a minimal implementation.
+const proto: any = (
+  WalletManager as unknown as { prototype?: Record<string, unknown> }
+)?.prototype;
+
+if (proto && typeof (proto as any).getCurrentWallet !== 'function') {
+  (proto as any).getCurrentWallet = function () {
+    try {
+      const wallets: any[] = (this as any)?.wallets ?? [];
+      return wallets.find((w: any) => w?.walletState === WalletState.Connected);
+    } catch {
+      return undefined;
+    }
+  };
+}