open-index/open-npm huggingface dataset:
npm package: @getconfection/confection-vue-cable
Description: ## About  [Confection](https://confection.io/) collects, stores, and distributes data in a way that's unaffected by client-side disruptions involving cookies, cross-domain scripts, and device IDs. It's also compliant with global privacy laws so it’s good 
Latest version: 0.1.2

# Confection Vue Cable

## About 
[Confection](https://confection.io/) collects, stores, and distributes data in a way that's unaffected by client-side disruptions involving cookies, cross-domain scripts, and device IDs. It's also compliant with global privacy laws so it’s good for people too. And it integrates with the apps businesses and developers already use. There’s no need to switch systems. Just plug in, power up, and keep your marketing partnerships running strong. 

Use this package to add Confection to your site. Need an account? Set one up @ [dashboard.confection.io/register](https://dashboard.confection.io/register) (It's free.)

## Questions

See our [Vue quick-start guide](https://confection.io/quick-start/vue/).

## Install
```
npm i --save @getconfection/confection-vue-cable
```

### Usage
In main.js
```
import ConfectionVueCable from "@getconfection/confection-vue-cable"

Vue.use(ConfectionVueCable)
```

Use in template
```
<confection-vue-cable 
  id="confection""
  // 1. See https://dashboard.confection.io/my-keys
  account="%%%ACCOUNT_ID%%%" 
  // 2. Until Confection gets consent from a user, it will only collect non-personally-identifying information. 
  // Confection allows users to collect, store, and distribute data in accordance with the data protection 
  // law of their choice. Privacy attribute values are: 
  // none (if you're managing compliance in a different way), gdpr, ccpa, and lgpd
  privacy="%%%ACCOUNT_PRIVACY%%%"
  // 3. Confection uses a compact, minimally-invasive banner to get user consent. 
  // Unlike other consent banners, ours only appears when necessary. Position attribute values are:
  // none (to hide), left, center, and right
  position="%%%BANNER_POSITION%%%"
  // 4. Do you want to enable Confection analytics? Enter true or false. Learn more @ confection.io/pricing
  analytics="%%%ENABLE_ANALYTICS%%%">
</confection-vue-cable>
```

Be sure to replace <code>%%%ACCOUNT_ID%%%</code> with your account ID from step three. Replace the other variables as suggested in the code comments.