@pyas/connect-vue

Vue 3 — @pyas/connect-vue

A Vue 3 plugin wrapper around the Pyas Connect Web Component https://www.npmjs.com/package/@pyas/connect, exposing PyasConnect as a first-class Vue component

Usage

npm install @pyas/connect-vue # core (@pyas/connect) auto‑installed

Use the wrapper directly inside any component file. No need to modify main.ts or register a global plugin.

<script setup>
import { PyasConnect } from '@pyas/connect-vue'

const handleConnected = (event) => {
  console.log('Account connected:', event)
}

const handleConnectError = (error) => {
  console.error('Connect error:', error)
}

</script>

<template>
   <PyasConnect
    client-id="YOUR_CLIENT_ID"
    token-name="YOUR_TOKEN_NAME"
    :user-email="email"
    :user-name="name"
    theme="dark"
    :show-disclaimer="true"
    @account-connected="handleConnected"
    @connect-error="handleConnectError"
  >
    <span>Connect an Account</span>
  </PyasConnect>
</template>

Full Documentation

Full usage documentation can be found on the core component on npm: https://www.npmjs.com/package/@pyas/connect And also on GitHub: https://github.com/brutforce-tech/pyas-connect