​
Overview

Stigg’s Vue SDK is a Javascript library for embedding self-service components in Vue 3 apps. It is based on React SDK components under the hood.

​
Installing the SDK

Install the @stigg/vue-sdk package in your project using one of the below method:

​
From npm:

npm install @stigg/vue-sdk

​
From yarn:

yarn add @stigg/vue-sdk

​
Retrieving the client API key

In the Stigg app, go to Settings > Account > Environments. Copy the Client API key of the relevant environment.

​
Getting started

Import the library’s CSS styles: 
import '@stigg/vue-sdk/dist/style.css';
Configure the SDK by wrapping your application in StiggProvider: 
<script setup lang="ts">
import { StiggProvider, StiggProviderProps } from '@stigg/vue-sdk';

const stiggProvider: StiggProviderProps = {
   apiKey: "<STIGG_CLIENT_API_KEY>",
};

</script>

<template>
   <StiggProvider v-bind="stiggProvider">
      <NestedComponents />
   </StiggProvider>
</template>

​
Rendering widgets

Allow customers to select the plan that that they’d like to subscribe to from your public pricing page or in-app paywall Introduce self-service and drive in-app expansions using only a few lines of codes Easily accept payments without ever worrying about changes to your pricing model or migration to another billing provider

​
Example project

stiggio/vue-react-sdk

​
SDK changelog

Vue.js SDK changelog