All Projects
PR Ready

Vue DappKit

Vue 3 bindings for @mysten/dapp-kit

Vue 3TypeScript@mysten/dapp-kitTanstack Query
View Source

The Problem

Mysten's dapp-kit only supports React. Vue developers building Sui dApps had to write their own integrations from scratch.

The Solution

Native Vue 3 bindings that provide the same great DX as the React version. Composables for wallet connection, transaction signing, and account management.

Key Features

  • useCurrentAccount, useAccounts composables
  • useSignTransaction, useSignPersonalMessage
  • ConnectButton component
  • Tanstack Query integration for caching
  • TypeScript support

Architecture

The bindings wrap the dapp-kit core using Vue composables. State management uses Vue reactivity. Tanstack Query Vue handles async state.

Challenges

  • Mapping React patterns to Vue patterns
  • Tanstack Query differences between React and Vue
  • Type resolution issues with generics

Lessons Learned

  • Vue and React patterns map fairly well with thoughtful design
  • Contributing to large open source projects requires patience
  • Good TypeScript types make everything better

Interested in this project or want to collaborate?

Get in Touch