Getting Started

Vue Stripe is an easy to implement, and well maintained Vue.js plugin for Stripe Checkout, and Elements.

Installation

Yarn

Terminal

yarn add @vue-stripe/vue-stripe

NPM

Terminal

npm install @vue-stripe/vue-stripe

Usage

You just need to import your desired elements component wherever it is needed, and Stripe SDK will only be loaded by the time the component has been mounted.

<template>
  <!-- stripe-element-card -->
</template>

<script>
import { StripeElementCard } from '@vue-stripe/vue-stripe';
export default {
  components: {
    StripeElementCard,
  },
};
</script>