Pepcep Component for Vue
A Vue Plugin for Pepcep payment gateway.
Install
NPM
npm install vue-pepcep
YARN
yarn add vue-pepcep
Javascript via CDN
<!-- Vue -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- Vue-Pepcep -->
<script src="https://unpkg.com/[email protected]/dist/index.js"></script>
Usage
Via NPM
compnent.vue sample
<template>
<div>
<vue-pepcep
:pepcepkey="pepcepkey"
:subdomain="subdomain"
:items="items"
:email="email">
Click to Make Payment
</vue-pepcep>
</div>
</template>
<script>
export default {
data() {
return {
pepcepkey: "pcp_pk_test_de1c44a927dbd7d1fsandboxbonkers_a",
subdomain: "sandbox.pepcep.com",
items: [
{ name: "T-Shirt", amount: 2000 },
{ name: "Shoes", amount: 2000 },
],
email: "[email protected]"
};
},
};
</script>
Contributing
-
Fork it!
-
Create your feature branch:
git checkout -b feature-name
-
Commit your changes:
git commit -am 'Some commit message'
-
Push to the branch:
git push origin feature-name
-
Submit a pull request ?
License
Copyright © 2021, Adeniran Opeyemi.
Released under the MIT License.
Made with ❤️ by Adeniran Opeyemi