no message

Author: Nguyen Anh Tu

demo/vue-app-new/package-lock.json

@@ -19,6 +19,7 @@
     "@toruslabs/vue-icons": "^7.6.2",
     "@web3auth/auth": "^9.6.4",
     "@web3auth/modal": "file:../../packages/modal",
+    "@web3auth/no-modal": "file:../../packages/no-modal",
     "@web3auth/sign-in-with-ethereum": "^4.2.2",
     "@web3auth/ws-embed": "^4.0.4",
     "bs58": "^6.0.0",

demo/vue-app-new/package.json

@@ -2,6 +2,7 @@
 
 import { CHAIN_NAMESPACES, WalletConnectV2Adapter, WalletServicesPlugin, type Web3AuthOptions,EthereumPrivateKeyProvider,NFTCheckoutPlugin,SolanaPrivateKeyProvider,CommonPrivateKeyProvider,CoinbaseAdapter, ChainNamespaceType, IAdapter, IBaseProvider, IProvider, storageAvailable, WALLET_ADAPTERS, AccountAbstractionProvider, ISmartAccount, KernelSmartAccount, NexusSmartAccount, SafeSmartAccount, TrustSmartAccount, getEvmInjectedAdapters, getSolanaInjectedAdapters, } from "@web3auth/modal";
 import { Web3AuthProvider } from "@web3auth/modal/vue";
+import { WalletServicesProvider } from "@web3auth/no-modal/vue";
 import { computed, onBeforeMount, ref, watch } from "vue";
 
 import AppDashboard from "./components/AppDashboard.vue";

demo/vue-app-new/src/MainView.vue

@@ -33,7 +33,7 @@ const formData = formDataStore;
 
 const { userInfo, isConnected, provider, switchChain, web3Auth } = useWeb3Auth();
 const { isPluginConnected, plugin } = useWalletServicesPlugin();
-const currentChainId = ref<string | undefined>(web3Auth.value?.coreOptions.chainConfig?.chainId);
+const currentChainId = ref<string | undefined>(web3Auth.value?.currentChainConfig.chainId);
 const currentChainConfig = computed(() => supportedNetworks[currentChainId.value as keyof typeof supportedNetworks]);
 const currentChainNamespace = computed(() => currentChainConfig.value?.chainNamespace);
 const connection = computed(() => {

demo/vue-app-new/src/components/AppDashboard.vue

@@ -71,12 +71,14 @@ export class Web3AuthNoModal extends SafeEventEmitter<Web3AuthNoModalEvents> imp
     if (!options.privateKeyProvider && !options.chainConfig) {
       throw WalletInitializationError.invalidParams("Please provide chainConfig or privateKeyProvider");
     }
+
+    const singleChainConfig =
+      options.chainConfig || // use deprecated chainConfig as single chain config list if present
+      options.privateKeyProvider?.currentChainConfig; // use privateKeyProvider's currentChainConfig as single chain config list if present
     const chainConfigs: CustomChainConfig[] =
-      options.chainConfigs || options.chainConfig
-        ? [options.chainConfig] // use deprecated chainConfig as single chain config list if present
-        : options.privateKeyProvider?.currentChainConfig
-          ? [options.privateKeyProvider.currentChainConfig] // use privateKeyProvider's currentChainConfig as single chain config list if present
-          : undefined;
+      options.chainConfigs || singleChainConfig
+        ? [singleChainConfig] // use privateKeyProvider's currentChainConfig as single chain config list if present
+        : undefined;
     if (!chainConfigs || chainConfigs.length === 0) {
       throw WalletInitializationError.invalidParams("Please provide chainConfig or privateKeyProvider");
     }