@playmoweb/vue-payline-wrapper

Vue 2.X Payline Widget Wrapper

VueJS wrapper component for the web Payline Widget SDK.

This is an unofficial repository.

Installation

npm i --save @playmoweb/vue-payline-wrapper

Usage

import VuePaylineWrapper from '@playmoweb/vue-payline-wrapper';
import Vue from 'vue';
Vue.use(VuePaylineWrapper);

<template>
    <VuePaylineWrapper :noClose="noClose" :token="token" widgetType="lightbox" :isHomologation="isHomologation"
                       @success="(state) => this.logState(state)"
                       @error="(state) => this.logState(state)"
                       @didshowstate="(state) => this.logState(state)"
                       @handleFinalStateReached="(state) => this.logState(state)"
                       @readyToPay="(state) => this.logState(state)"/>
</template>
<script>
    export default {
        name: "samplePayline",
        data(){
            return {
                token: "YOUR-PAYMENT-TOKEN-FROM-DO-WEB-PAYMENT",
                noClose: false,
                isHomologation: false
            }
        },
        methods: {
            logState(state){
                console.log(state);
            }
        }
    }
</script>