<body>
  <div id="ps-billing"></div>
  <script src="https://storage.googleapis.com/prestashop-vuejs-cdn/billing/0.0.1/ps-billing.min.js"></script>
  <script>
    const context = {
      // see bellow information about context
    }
    psBilling.Customer({context}).render("#ps-billing")
  </script>
</body>

Contexte

Here is the data you need to pass through the context variable

Attribut	Type	Value	Example
`emailSupport`	`string`	Email to contact support (required)	admin@prestashop.com
`shopUuid`	`string`	Uuid of your shop (required)	Mn6ou86uATRBrtYjFUnkZf6Fc5e2
`moduleName`	`string`	Technical name of your module (required)	my-module
`accountApi`	`string`	API to retrieve your Prestashop Account. You can get it dynamically in `window.contextPsAccounts.adminAjaxLink` (required)	https://my-shop.com/ps-admin/index.php?controller=AdminAjaxPsAccounts&ajax=1&token=1247657657657

Frameworks

Use it with Vue2

import { PsBillingCDC } from '@prestashopcorp/billing-cdc/dist/bundle.umd';

Vue.component('app', {
    data: function () {
        return {
            context: {}
        }
    },
    template: '<div><ps-billing :context="context"/></div>' ,
    components: {
        'ps-billing': PsBillingCDC.driver('vue', Vue)
    }
});

var vm = new Vue({
    el: '#container'
});

FAQs

What is @prestashopcorp/billing-cdc?

Is @prestashopcorp/billing-cdc popular?

Is @prestashopcorp/billing-cdc well maintained?

Package last updated on 27 Sep 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@prestashopcorp/billing-cdc

Prestashop Billing Component

Use the Prestashop Billing Component

Using the CDN

Contexte

Frameworks

Use it with Vue2

Related posts

require(esm) Backported to Node.js 20, Paving the Way for ESM-Only Packages

PyPI Now Supports iOS and Android Wheels for Mobile Python Development