Vue

Install

npm install @flipfeatureflag/vue @flipfeatureflag/js

Plugin

import { createApp } from "vue";
import { createFlipFlag } from "@flipfeatureflag/vue";

const app = createApp(App);
app.use(
  createFlipFlag({
    config: {
      url: "https://api.example.com",
      sdkKey: "YOUR_SDK_KEY",
      env: "prod",
    },
  }),
);

Composables

import { useFlag, useVariant, useFlagsStatus } from "@flipfeatureflag/vue";

export default {
  setup() {
    const enabled = useFlag("new_checkout");
    const variant = useVariant("new_checkout");
    const status = useFlagsStatus();

    return { enabled, variant, status };
  },
};