Вариантные флаги

<FeatureVariant> — рендерит один из нескольких именованных слотов в зависимости от текущего строкового варианта флага, для A/B-тестов и многоэтапных раскаток, где флаг содержит имя варианта вместо простого boolean.

app.use(FeatureToggles, {
  flags: { checkoutFlow: 'v2' },
})

<FeatureVariant name="checkoutFlow">
  <template #v1><CheckoutV1 /></template>
  <template #v2><CheckoutV2 /></template>
  <template #fallback><CheckoutLegacy /></template>
</FeatureVariant>

URL-переопределения работают идентично булевым флагам: ?feature:checkoutFlow=v2.

Пропы

name

string · обязателен, без значения по умолчанию

Имя флага, из которого читается вариант.

Слоты

[variant]

Слот, названный по каждому возможному строковому варианту (v1, v2, ... — какие бы имена ни использовали значения вашего флага). Рендерится слот, соответствующий текущему значению флага.

fallback

Рендерится, когда ни один слот не соответствует текущему варианту.