# @heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5

> Vue specific wrapper for @globalpayments/vega

Latest version **2.104.0** (published 2026-09-24) · UNLICENSED license · 0 weekly downloads

## Install

```sh
npm install @heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5
pnpm add @heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5
yarn add @heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5
bun add @heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 2.104.0 |
| Published | 2026-09-24 |
| First published | 2026-09-24 |
| Weekly downloads | 0 |
| License | UNLICENSED |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 144.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zheng.yuan-hps, leonard_liutao, aprilzhu, janey.ding1, johnyyb, carterzheng |

## Links

- npm: https://www.npmjs.com/package/@heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5
- npm.io page: https://npm.io/package/@heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5

## Dependencies (1)

- [@heartlandone/vega-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5](https://npm.io/package/@heartlandone/vega-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5.md) latest

## Recent versions

- 2.104.0 (latest) — 2026-09-24

## README

# Vega Vue

> Vue specific wrapper for [@globalpayments/vega](https://www.npmjs.com/package/@globalpayments/vega)

## How to use

For installation guidance, please refer to https://vega.globalpayments.com/guides/getting-started-developers#vue

**Note:**
- to pass a complex data (`array`, `object`) to the vega component property, please append `.prop` modifier to the property name, for more details please check [link](https://vuejs.org/guide/extras/web-components.html#passing-dom-properties)
    ```vue
    <vega-input-select :source.prop="{
                displayName: 'Alabama',
                id: 'AL',
            },
            {
                displayName: 'Alaska',
                id: 'AK',
            }"></vega-input-select>
    ```
- To use a `slot` attribute within vega components, please make sure that [you have added the disabled corresponding lint rule](https://stenciljs.com/docs/vue#vue-warns-slot-attributes-are-deprecated-vue-no-deprecated-slot-attribute), for example:
    ```vue
     <vega-accordion :accordion-title="accordionTitle">
       <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute-->
       <div slot='accordion-content'>{{emailDisplayValue}}</div>
     </vega-accordion>
    ```

---
_Source: https://npm.io/package/@heartlandone/vega-vue-sandbox-pr-3331-a834005d91611b229ffa07b6f40f1eb7d55feda5 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._