Checking Flags

useFeature() — reactive composable for checking whether one or more flags are enabled, in three call shapes.

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>

import { useFeature } from 'vue-feature-toggles'

// Single flag → Ref<boolean>
const isNewDashboard = useFeature('newDashboard')

// Array of flags → Record<string, Ref<boolean>>, one ref per flag
const { newDashboard, betaSearch } = useFeature(['newDashboard', 'betaSearch'])

// Multiple string arguments → a single Ref<boolean>, ANDed across all of them
const allEnabled = useFeature('newDashboard', 'betaSearch')

Each returned Ref stays reactive to any change in the flag's value, regardless of which layer of the priority chain produced it.