Step 1: Add the Container

Add the Authyo container in your Vue template:

<template>
  <div id="authyo-2fasdk"></div>
</template>

Step 2: Load the SDK Script Dynamically

Inject the SDK script when the component mounts:

mounted() {
  const script = document.createElement("script");
  script.src = "https://app.authyo.io/js/v1/auth-2fasdk.js";
  script.setAttribute("data-appkey", "YOUR_APP_KEY");
  script.setAttribute("data-appkey", "abc@xyz.com");
  script.async = true;
  document.body.appendChild(script);
}

Step 3: Optional – Capture the Response

Handle success or failure using window.authyoResponse:

<script>
  window.authyoResponse = function(response) {
    if (response.success) {
      alert('Success: ' + response.message);
    } else {
      alert('Error: ' + response.message);
    }
  };
</script>

Two Factor Authenticate – Requests & Responses

Troubleshooting