Stripe Payment extension for Vue Storefront

Stripe Payment extension for vue-storefront, by Develo Design.

Installation using NPM:

Add the extension to your Vue Storefront package.json using:

$ npm install vsf-payment-stripe --save

Add vsf-payment-stripe to the extensions/index.js

export default [
  require('src/extensions/custom_extension/index.js').default,
  require('src/extensions/payment-cash-on-delivery/index.js').default,
  require('src/extensions/payment-backend-methods/index.js').default,
  require('src/extensions/mailchimp-subscribe/index.js').default,
  require('src/extensions/google-analytics/index.js').default,

  require('vue-storefront-stripe/index.js').default
]

Add the following also to your config/local.json and configure the stripe.api_key to point to your Stripe details.

"stripe": {
    "api_key": "my_example_api_key"
}

You can also customize the appearance of Stripe elements using the style key using any of the official stripe style properties found here.

"stripe": {
    "api_key": "my_example_api_key",
    "style": {
        "base": {
            "fontSize": "16px",
            "color": "#32325d"
          },
          "invalid": {
              "color": "#fa755a"
          }
    }
}