VueJS Installation

You need to enable React component in Vue using veaury library because the Native main widget is written in React. There's little to no drawback to this method. However, we will still make a native VueJs library soon, so stay tuned.

Installation

npm install --save @native_org/widgets veaury

Usage

<template>
  <main>
    <NativeSwapWidget apiKey="API_KEY" />
  </main>
</template>

<script>
import { applyPureReactInVue } from "veaury";
import NativeSwapWidget from "@native_org/widgets";

export default {
  components: { NativeSwapWidget: applyPureReactInVue(NativeSwapWidget) },
};
</script>

To install the widget you need an API key. Please follow these steps to acquire one.

Customization

Follow the Customisation Guide to customize your widget such as theme, supported chains, external wallet provider, etc.