@savvagent/vue

Vue 3 SDK for Savvagent with Composition API composables.

Installation

npm install @savvagent/vue

Quick Start

<script setup>
import { createApp } from 'vue';
import { SavvagentPlugin, useFlag } from '@savvagent/vue';
import App from './App.vue';

// Install plugin
const app = createApp(App);
app.use(SavvagentPlugin, {
  apiKey: 'sdk_...',
  applicationId: 'your-app-id',
});
app.mount('#app');
</script>

Composables

useFlag(flagKey, options)

<script setup>
import { useFlag } from '@savvagent/vue';

const { value: isEnabled, loading } = useFlag('new-feature', {
  context: { user_id: user.value?.id },
  defaultValue: false,
  realtime: true,
});
</script>

<template>
  <div v-if="loading">Loading...</div>
  <NewFeature v-else-if="isEnabled" />
  <OldFeature v-else />
</template>

useSavvagent()

Get the client instance for advanced usage.

useUser()

Manage user identification.

<script setup>
import { useUser } from '@savvagent/vue';
import { watch } from 'vue';

const { setUserId } = useUser();

watch(currentUser, (user) => {
  setUserId(user?.id || null);
});
</script>

useTrackError(flagKey, context)

Track errors with flag context.

License

MIT