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 publishable key

In the Stigg app, go to Integrations > API keys. Copy the Publishable 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_PUBLISHABLE_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

Migrating to v7.0.0

Bumped @stigg/react-sdk to 9.0.0. All types are re-exported via export type * from '@stigg/react-sdk', so the following breaking changes are inherited:

Change	Migration
`entitlementsUpdated` event payload changed from `Map<string, CachedEntitlement>` to `CustomerEntitlementsResultV2`	Update listeners to iterate `.entitlements` (an `EntitlementV2[]` array) instead of a `Map`.
`EntitlementsState` type removed	Replace imports with `CustomerEntitlementsResult`.
`getNumericEntitlement()` on a metered feature now returns a `FeatureTypeMismatch` fallback	Use `getMeteredEntitlement()` for metered features.
`CreditEntitlementCurrency` named export removed	Use `CreditEntitlement['currency']` inline type instead.

Integration guides

Quick start guides

I want to...

Vue.js

Overview

Installing the SDK

From npm:

From yarn:

Retrieving the publishable key

Getting started

Rendering widgets

Example project

stiggio/vue-react-sdk

Migrating to v7.0.0

SDK changelog

Vue.js SDK changelog

​Overview

​Installing the SDK

​From npm:

​From yarn:

​Retrieving the publishable key

​Getting started

​Rendering widgets

​Example project

stiggio/vue-react-sdk

​Migrating to v7.0.0

​SDK changelog

Vue.js SDK changelog

Overview

Installing the SDK

From npm:

From yarn:

Retrieving the publishable key

Getting started

Rendering widgets

Example project

Migrating to v7.0.0

SDK changelog