Composables

useFlag()

Check if a feature flag is enabled.

Returns a reactive boolean indicating whether a flag is enabled.

Usage

<template>
  <div v-if="showNewDashboard">
    <NewDashboard />
  </div>
  <div v-else>
    <LegacyDashboard />
  </div>
</template>

<script setup>
const showNewDashboard = useFlag('new-dashboard')
</script>

Type

function useFlag(name: string): ComputedRef<boolean>
name
string required
The feature flag name as defined in Unleash.

Returns

ComputedRef<boolean>true if the flag is enabled, false otherwise. Returns false for unknown flags.

Copyright © 2026