fix typage

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"

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>(), {

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;
 	}
 

pages/[...permalink].vue

@@ -94,15 +94,16 @@ 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
 			if (block.spacing !== section.spacing) {
 				section.spacing = 'medium';
 			}
 
-			section.blocks.push(block);
+			section.blocks.push(block as any);
 		}
 
 		return acc;

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;
 }