npm install @keverdjs/vue

import { createApp } from 'vue';
import { KeverdPlugin } from '@keverdjs/vue';
import App from './App.vue';

createApp(App)
  .use(KeverdPlugin, { apiKey: import.meta.env.VITE_KEVERD_PUBLIC_KEY })
  .mount('#app');

<script setup>
import { useVisitorData } from '@keverdjs/vue';

const { getData, isLoading } = useVisitorData({ immediate: false });

async function onCheckout() {
  const result = await getData();
  await fetch('/api/checkout', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ eventId: result.event_id }),
  });
}
</script>