feat(vue): @pacto-connect/vue package with <PactoCheckout/> parity to React

[aguilar1x]

Context

connect-react (#15) is the only framework binding beyond the framework-agnostic connect-core and the vanilla connect-elements web component. Vue is one of the most requested integrations from merchants outside the React ecosystem.

Scope

• New packages/connect-vue package: Vue 3 composables (useCheckout, useEscrowEvents) wrapping connect-core.
• <PactoCheckout/> Vue component with the same props/events surface as the React version.
• Published to npm as @pacto-connect/vue, documented in apps/docs.

Acceptance criteria

• A Vue 3 app can complete a full checkout flow using only @pacto-connect/vue, with no direct connect-core imports required.
• Feature parity checklist against connect-react (props, events, error states) passes.
• Package builds and type-checks under the existing npm run build / type-check scripts.

[OluRemiFour]

Hi Maintainer,
Interested in working on this issue. I'll implement the requested changes and ensure everything is properly tested before submission.

Payout wallet (Stellar): GALHFNUOYOY4S5CNRK7OI7NKS7UNWYGSJII2POQ6XQKWMUVLKZ2SAWMP GrantFox OSS campaign — smart escrow payout on merge.

[Ayinkx01]

Hi l would like to take this job

[Shadow-MMN]

Hey,

I'd like to work on this issue.

From my understanding, the goal is to provide a first-class Vue 3 integration that achieves feature parity with @pacto-connect/react while keeping the underlying functionality encapsulated within @pacto-connect/vue. The package should expose Vue composables and a <PactoCheckout /> component that mirrors the React API so Vue applications can complete the full checkout flow without importing connect-core directly.

My implementation will focus on creating the new packages/connect-vue package, building the useCheckout and useEscrowEvents composables around connect-core, implementing the <PactoCheckout /> component with matching props, events, and error handling, and documenting the package in apps/docs. I'll verify feature parity against the React implementation and ensure the package builds and type-checks successfully with the existing project scripts.

I've previously built @pollar/vue, a Vue wrapper around an existing framework-agnostic SDK, so I'm already familiar with designing Vue composables and components that provide the same developer experience as their React counterparts while keeping the core logic shared. That experience should translate directly to this package.

I'm currently a Computer Science student with over 2 years of software development experience, and you can also review my previous work and experience on my GitHub profile.

ETA: Within 4 days.