How to Create an Affiliate Program with Vue | AffiliateBase

npm install @affiliatebase/sdk

// plugins/affiliatebase.ts
import { AffiliateBase } from '@affiliatebase/sdk';
import type { App } from 'vue';

export default {
  install(app: App, options: { apiKey: string }) {
    const affiliate = new AffiliateBase({ apiKey: options.apiKey });
    app.config.globalProperties.$affiliate = affiliate;
    app.provide('affiliate', affiliate);
  },
};

// composables/useAffiliateTracking.ts
import { inject } from 'vue';
import { AffiliateBase } from '@affiliatebase/sdk';

export const useAffiliateTracking = () => {
  const affiliate = inject<AffiliateBase>('affiliate');
  
  if (!affiliate) {
    throw new Error('AffiliateBase plugin not installed');
  }
  
  const trackConversion = async (data: {
    affiliateId?: string;
    amount: number;
    type: string;
  }) => {
    await affiliate.trackConversion(data);
  };
  
  return { trackConversion };
};

// components/CheckoutButton.vue
<script setup>
import { useAffiliateTracking } from '@/composables/useAffiliateTracking';

const { trackConversion } = useAffiliateTracking();

const handleCheckout = async () => {
  await trackConversion({
    type: 'purchase',
    amount: 99.99,
  });
  // Your checkout logic
};
</script>

<template>
  <button @click="handleCheckout">Checkout</button>
</template>