> ## Documentation Index
> Fetch the complete documentation index at: https://developer.keverd.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Vue SDK

> Vue 3 plugin and composables

# Vue SDK

```bash theme={null}
npm install @keverdjs/vue
```

```js theme={null}
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');
```

```vue theme={null}
<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>
```

## Next

[Verify on the server →](/server/overview)