@bloomprotocol/share-kit-vuedeprecated

Vue wrapper for @bloomprotocol/share-kit

Usage no npm install needed!

<script type="module">
  import bloomprotocolShareKitVue from 'https://cdn.skypack.dev/@bloomprotocol/share-kit-vue';
</script>

README

Share Kit Vue

Share Kit Vue

Vue wrapper for Share Kit

Installation

npm install --save @bloomprotocol/share-kit-vue

Usage

RequestElement will render a QR code or button based on the client's platform. By defualt it will render a button when the client is mobile or tablet and on iOS.

import {RequestElement, RequestData, QROptions, ButtonOptions} from '@bloomprotocol/share-kit-vue'

const requestData: RequestData = {...}
const buttonOptions: ButtonOptions = {
  callbackUrl: 'https://mysite.com/bloom-callback'
}

<RequestElement
  requestData={requestData}
  buttonOptions={buttonOptions}
/>

// Setting QR Options

const qrOptions: Partial<QROptions> = {
  size: 200,
}

<RequestElement
  requestData={requestData}
  buttonOptions={buttonOptions}
  qrOptions={qrOptions}
/>

// Overriding shouldRenderButton
<RequestElement
  requestData={requestData}
  buttonOptions={buttonOptions}
  shouldRenderButton={(parsedResult) => {
    if (parsedResult.platform.type === 'mobile') return true

    return false
  }}
/>

// Passing props to the container
<RequestElement
  requestData={requestData}
  buttonOptions={buttonOptions}
  className="request-element-container"
/>

More

For more information and documentation see Share Kit