<script setup>
import { onMounted } from 'vue'
import { createSignal } from '@signal-js/browser'

let signal = null

onMounted(async () => {
  signal = createSignal({ endpoint: '...', apiKey: '...', projectId: '...' })
  await signal.start()
})

function trackEvent(eventName, properties) {
  signal?.capture(eventName, properties)
}
</script>

<template>
  <button @click="trackEvent('button_clicked', { buttonId: 'cta' })">Click Me</button>
</template>

const signal = createSignal({ endpoint: '...', apiKey: '...', projectId: '...' });
await signal.start();

document.getElementById('btn').addEventListener('click', () => {
  signal.capture('button_clicked', { buttonId: 'cta' });
});