@inttegro/vue

Vue adapter for Inttegro hosted workflows. The component automatically uses @inttegro/js to load the executable runtime from Inttegro's fixed origin; it does not bundle the payment-collection runtime.

<script setup lang="ts">
import { Checkout } from '@inttegro/vue'
</script>

<template>
  <Checkout :order-id="orderId" @completed="onCompleted" />
</template>
Copy

For a Buy link, pass purchase-intent-id instead of order-id. Fixed pricing continues directly to payment; customer-selected pricing renders the amount picker first. This works in both embedded and modal presentations:

<Checkout :purchase-intent-id="purchaseIntentId" presentation="modal" />
Copy