Skip to content

Проверка флагов

useFeature() — реактивный composable для проверки, включён ли один или несколько флагов, в трёх формах вызова.

ts
function useFeature(name: FlagName): Ref<boolean>
function useFeature<T extends FlagName>(names: T[]): Record<T, Ref<boolean>>
function useFeature(first: FlagName, ...rest: FlagName[]): Ref<boolean>
ts
import { useFeature } from 'vue-feature-toggles'

// Один флаг → Ref<boolean>
const isNewDashboard = useFeature('newDashboard')

// Массив флагов → Record<string, Ref<boolean>>, по одному ref на флаг
const { newDashboard, betaSearch } = useFeature(['newDashboard', 'betaSearch'])

// Несколько строковых аргументов → единый Ref<boolean>, объединённый через AND
const allEnabled = useFeature('newDashboard', 'betaSearch')

Каждый возвращённый Ref остаётся реактивным к любому изменению значения флага, независимо от того, какой уровень приоритетной цепочки его определил.