<div class="containerStyle">
<h2 class="title">VUE | Sawo Form Example</h2>
<h2 class="title">User Logged In : {{ isLoggedIn }}</h2>
<div class="loggedin" v-if="isLoggedIn">
<h2>User Successfull login</h2>
<div>UserId: {{ userPayload.user_id }}</div>
<div>Verification Token: {{ userPayload.verification_token }}</div>
<div class="formContainer" id="sawo-container" v-if="!isLoggedIn">
<!-- Sawo form will populate here -->
// should be same as the id of the container
containerID: "sawo-container",
// can be one of 'email' or 'phone_number_sms' or 'both_email_phone'
// Add a callback here to handle the payload sent by sdk
onSuccess: (payload) => {
this.userPayload = payload;
console.log("Payload : " + JSON.stringify(payload));
this.Sawo = new Sawo(sawoConfig);