Vue

npm install @encorekit/web-sdk

<!-- App.vue -->
<script setup lang="ts">
import { onMounted } from 'vue';
import Encore from '@encorekit/web-sdk';

onMounted(() => {
  Encore.configure({ apiKey: import.meta.env.VITE_ENCORE_API_KEY });
});
</script>

<script setup lang="ts">
import Encore from '@encorekit/web-sdk';

// After login:
Encore.identify(user.id); // replaces the auto-generated anonymous UUID

async function onFinishClicked() {
  await saveLessonProgress();
  const result = await Encore.placement('milestone_reached', {
    useCase: 'rewardUsers',
  }).show(); // never rejects
  if (result.status === 'claimed') {
    // The SDK has opened the advertiser. transactionId is absent if its write failed.
    if (result.transactionId) await persistClaim(result.transactionId);
  }
  goToNextLesson(); // whatever the result, continue your flow
}
</script>

<template>
  <button @click="onFinishClicked">Finish lesson</button>
</template>