Embedded Wallet Vue helpers

Collection of Vue composabes to help with embedded wallet implementation.

Component <EmbeddedWallet />

Initialize wallet SDK and UI.

import { EmbeddedWallet } from '@apillon/wallet-vue';

<EmbeddedWallet ...props />

Hooks

useWallet

Get the initialized instance of embedded wallet.

Also exposes the most common wallet actions.

import { useWallet } from '@apillon/wallet-vue';

const { wallet, signMessage, sendTransaction } = useWallet();

console.log(await wallet.value.userExists('johndoe'));

useAccount

Get current connected account info.

import { useAccount } from '@apillon/wallet-vue';

const { info, getBalance } = useAccount();

useContract

Helper methods to interact with EVM contracts.

import { useContract } from '@apillon/wallet-vue';

const { read, write } = useContract({
  abi: ERC20Abi,
  address: '0xb1058eD01451B947A836dA3609f88C91804D0663',
});

console.log(await read('balanceOf', [address]));

const txHash = await write(
  'transfer',
  ['0x700cebAA997ecAd7B0797f8f359C621604Cce6Bf', '10000000'],
  'React Transfer'
);

usePolkadot

Helpers for interacting with polkadot API.

import { usePolkadot } from '@apillon/wallet-vue';

const { polkadotApi, sendTransaction } = usePolkadot();

sendTransaction(polkadotApi.tx.balances.transferAllowDeath(...));