From c09e482e3b9da2985ece1cbdc1bf98726041b101 Mon Sep 17 00:00:00 2001
From: bryantgillespie <hey@bryantgillespie.com>
Date: Thu, 25 Jul 2024 15:15:23 -0400
Subject: [PATCH] fix typage

---
 components/Block/Button.vue                     | 2 +-
 components/PageBuilder.vue                      | 4 ++--
 modules/posthog/runtime/directives/v-capture.ts | 2 +-
 pages/[...permalink].vue                        | 5 +++--
 types/schema/blocks/block-button.ts             | 2 +-
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/Block/Button.vue b/components/Block/Button.vue
index da01884e..e789a3dd 100644
--- a/components/Block/Button.vue
+++ b/components/Block/Button.vue
@@ -45,7 +45,7 @@ const href = computed(() => {
 <template>
 	<BaseButton
 		v-if="block"
-		v-capture="block.ph_event ? { name: block.ph_event, properties: { block } } : undefined"
+		v-capture="block.ph_event ? { name: block.ph_event, properties: { block } } : ''"
 		:href="href"
 		:color="block.color"
 		:icon="block.icon ?? undefined"
diff --git a/components/PageBuilder.vue b/components/PageBuilder.vue
index acdb1952..20d875c3 100644
--- a/components/PageBuilder.vue
+++ b/components/PageBuilder.vue
@@ -20,8 +20,8 @@ export interface PageSectionBlock {
 	spacing: 'none' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
 	width: 'full' | 'standard' | 'narrow';
 	key: string | null;
-	experiment: Experiment;
-	experiment_variant: ExperimentVariant;
+	experiment?: Experiment | string | null;
+	experiment_variant?: ExperimentVariant | string | null;
 }
 
 withDefaults(defineProps<PageBuilderProps>(), {
diff --git a/modules/posthog/runtime/directives/v-capture.ts b/modules/posthog/runtime/directives/v-capture.ts
index 97231967..c876c1a6 100644
--- a/modules/posthog/runtime/directives/v-capture.ts
+++ b/modules/posthog/runtime/directives/v-capture.ts
@@ -25,7 +25,7 @@ const directive: FunctionDirective<HTMLElement, CaptureEvent | string> = (
 	const { value, modifiers } = binding;
 
 	// Don't bind if the value is undefined
-	if (value === undefined) {
+	if (!value) {
 		return;
 	}
 
diff --git a/pages/[...permalink].vue b/pages/[...permalink].vue
index e373fa25..a6eaa1b0 100644
--- a/pages/[...permalink].vue
+++ b/pages/[...permalink].vue
@@ -94,7 +94,8 @@ const sections = computed(() => {
 				spacing: block.spacing,
 				background: block.background,
 				negativeTopMargin: block.negative_offset,
-				blocks: [block],
+				// @TODO type
+				blocks: [block as any],
 			});
 		} else {
 			// Adjust spacing if needed and add block to current section
@@ -102,7 +103,7 @@ const sections = computed(() => {
 				section.spacing = 'medium';
 			}
 
-			section.blocks.push(block);
+			section.blocks.push(block as any);
 		}
 
 		return acc;
diff --git a/types/schema/blocks/block-button.ts b/types/schema/blocks/block-button.ts
index e5657382..70540f5e 100644
--- a/types/schema/blocks/block-button.ts
+++ b/types/schema/blocks/block-button.ts
@@ -13,5 +13,5 @@ export interface BlockButton {
 	external_url: string | null;
 	icon: string | null;
 	size: 'small' | 'medium' | 'large' | 'x-large';
-	ph_event: string | null;
+	ph_event: any;
 }