@matterlabs/composables

Collection of essential Vue.js composables for zkSync

Usage

npm install @matterlabs/composables

• useWallet - used to setup a connection to MetaMask wallet

  import { useWallet } from "@matterlabs/composables";
  
  const { initialize } = useWallet(context);
  initialize().then(() => { /* application bootstrap */ })
  

  const { getL1Signer, getL2Signer } = useWallet(context);
  

  const l1Signer = await getL1Signer();
  const tx = await l1signer.deposit({
      to,
      token,
      amount,
  })
  

  const l2Signer = await getL2Signer();
  const tx = await l2Signer.transfer({
      to,
      token,
      amount
  });
  

Logging

You can override default existing logging behavior via attachLogger:

import { attachLogger } from "@matterlabs/composables";

attachLogger(logger);

Type definition for logger:

type LoggerLike = {
  log(...data: unknown[]): void;
  error(e: unknown, ...data: unknown[]): void;
  warn(message: string, ...data: unknown[]): void;
};

Peer dependencies

• vue
• @vueuse/core
• zksync-web3