diff --git a/components/Block/Tier.vue b/components/Block/Tier.vue index 0cf1b88..dfdac8b 100644 --- a/components/Block/Tier.vue +++ b/components/Block/Tier.vue @@ -38,12 +38,12 @@ const { data: block } = useAsyncData(props.uuid, () => {{ block.badge }}
-

{{ block.name }}

+

{{ block.name }}

{{ block.subtext }}  -

- {{ block.price }} +

+ {{ block.price }}
- {{ block.term }}  + {{ block.term }}  diff --git a/pages/[...permalink].vue b/pages/[...permalink].vue index a6eaa1b..f46daeb 100644 --- a/pages/[...permalink].vue +++ b/pages/[...permalink].vue @@ -80,7 +80,14 @@ const sections = computed(() => { if (block.experiment && block.experiment_variant) { const featureFlag = getFeatureFlag(block.experiment.feature_flag); - addBlock = featureFlag.value === block.experiment_variant.key; + + if (!featureFlag.value) { + // PostHog is blocked or unavailable, show the control variant + addBlock = block.experiment_variant.key === 'control'; + } else { + // PostHog is available, use the returned value + addBlock = featureFlag.value === block.experiment_variant.key; + } } // If the block should not be added, skip to the next iteration