Merge pull request #61 from mitjans/60-duplication-v-posthog-capture-…

…event fix: avoid duplicating events
mitjans · Dec 9, 2024 · 6f3d308 · 6f3d308
2 parents 3a8a4ee + 5af6844
commit 6f3d308
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/runtime/directives/v-posthog-capture.ts b/src/runtime/directives/v-posthog-capture.ts
@@ -4,6 +4,10 @@ import type { ObjectDirective, FunctionDirective } from 'vue';
 const directive: FunctionDirective<HTMLElement, PostHogCaptureEvent | string> = (el, { value, arg }) => {
   const { $clientPosthog } = useNuxtApp();
 
+  if (el.hasAttribute('posthog-listener')) return;
+
+  el.setAttribute('posthog-listener', 'true');
+
   el.addEventListener(arg ?? 'click', () => {
     if (!$clientPosthog) return;