This repository is a Vue 3 wrapper for the Solidgate Client Software Development Kit (SDK).
npm install @solidgate/vue-sdkThis repository is a Vue 3 wrapper for the Solidgate Client Software Development Kit (SDK).
It supports rendering payment forms and resign forms, including custom container elements for Google Pay, Apple Pay, or alternative payment method (APM) buttons.
Check our
* Payment guide to understand business value better
* API Reference to find more examples of usage
| SDK for Vue3 contains | Table of contents |
|---|---|
lib – main Vue 3 SDK source codepublic – assets for example projectsrc – entry point for example integrationpackage.json – project metadata and dependency definitions | Installation Usage Development server Build |
Run the following command inside your Vue 3 project:
```
npm i @solidgate/vue-sdk
Render a payment form component in your Vue3 project.
`vue
`
#### Custom containers
To render Google Pay, Apple Pay, or PayPal buttons in separate containers, define payment as an asynchronous component and pass references to the container elements.
`vue
:google-pay-container-ref="googleButton"
:apple-pay-container-ref="appleButton"
:paypal-container-ref="paypalButton"
/>
`
Render a resign payment form component in your Vue3 project.
`vue
`
Vue3 + Typescript + Vite
1. cd vue-sdknpm i
2. npm run start
3.
4. Navigate to http://localhost:3000/
1. cd vue-sdknpm run build
2. cd dist`
3.
4. solid-payment.es.js is a js bundle
---
Looking for help? Contact us
Want to contribute? Submit a pull request