@web3auth/no-modal/dist/lib.esm/vue/composables/useWalletUI.js

Multi chain wallet aggregator for web3Auth

import { ref } from 'vue';
import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
import { WalletServicesPluginError } from '../../base/plugin/errors.js';
import { log } from '../../base/loglevel.js';

const useWalletUI = () => {
  const {
    plugin,
    ready
  } = useWalletServicesPlugin();
  const loading = ref(false);
  const error = ref(null);
  const showWalletUI = async showWalletUiParams => {
    loading.value = true;
    error.value = null;
    try {
      if (!plugin) throw WalletServicesPluginError.notInitialized();
      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
      await plugin.value.showWalletUi(showWalletUiParams);
    } catch (err) {
      log.error("Error showing wallet UI", err);
      error.value = err;
    } finally {
      loading.value = false;
    }
  };
  return {
    loading,
    error,
    showWalletUI
  };
};

export { useWalletUI };