Vue Paystack Inline


Simple Paystack Inline component for Vue 3

Documentation

Read the full documentation here: http://greysoft.toneflix.net/paystack-inline

Installation

``bash
npm install @toneflix/paystack-inline
#or
yarn add @toneflix/paystack-inline
#or
pnpm add @toneflix/paystack-inline
`

Usage

$3

You can make Paystack Inline available throughout your Vue project.

main.js or main.ts

`js
import '@toneflix/paystack-inline/dist/style.css'
import { createApp } from 'vue'
import App from './app.vue'
import PaystackInline from '@toneflix/paystack-inline'

const app = createApp(App)
app.use(PaystackInline)
app.mount('#app')
`

$3

You can also import the component in your Vue component.

SomeComponent.vue

`vue

`

$3

SomeComponent.vue

`vue



`

$3

To verify a payment, simply set the value of the reference model attribute and provide the verify-callback attribute which is a function that returns a promise that resolves to an object of {status: boolean, message: string}. Also set the hidden attribute if you do not want to display the payment button.

VerifyComponent.vue

`vue



`

$3

SlutComponent.vue

`vue



``