fixes error handling bug

Author: arch1995

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 
-import { CHAIN_NAMESPACES, coinbaseConnector, ConnectorFn, CustomChainConfig, getChainConfig, nftCheckoutPlugin, PluginFn, storageAvailable, UX_MODE, WALLET_CONNECTORS, walletConnectV2Connector, walletServicesPlugin, type Web3AuthOptions } from "@web3auth/modal";
+import { authConnector, CHAIN_NAMESPACES, coinbaseConnector, ConnectorFn, CustomChainConfig, getChainConfig, nftCheckoutPlugin, PluginFn, storageAvailable, UX_MODE, WALLET_CONNECTORS, walletConnectV2Connector, walletServicesPlugin, type Web3AuthOptions } from "@web3auth/modal";
 import { Web3AuthContextConfig, Web3AuthProvider } from "@web3auth/modal/vue";
 import { WalletServicesProvider } from "@web3auth/no-modal/vue";
 import { computed, onBeforeMount, ref, watch } from "vue";
@@ -92,7 +92,7 @@ const options = computed((): Web3AuthOptions => {
     // useCoreKitKey?: boolean;
     chains,
     enableLogging: true,
-    connectors: externalConnectors.value,
+    connectors: [...externalConnectors.value, authConnector({ connectorSettings: { buildEnv: "development" }, loginSettings: { mfaLevel: "mandatory"}})],
     plugins,
     multiInjectedProviderDiscovery: formData.multiInjectedProviderDiscovery,
     walletServicesConfig,
@@ -125,7 +125,7 @@ const getExternalAdapterByName = (name: string): ConnectorFn[] => {
     case "coinbase":
       return [coinbaseConnector()];
     case "wallet-connect-v2":
-      return [walletConnectV2Connector({ projectId: "d3c63f19f9582f8ba48e982057eb096b" })];
+      return [walletConnectV2Connector()];
     default:
       return [];
   }