@glinr/theauth-vue

Vue plugin and composables for TheAuth authentication.

Install

npm install @glinr/@glinr/theauth-vue

Usage

Register the plugin in your Vue app, then use composables in any component.

// main.ts
import { createApp } from 'vue';
import { createKavachPlugin } from '@glinr/theauth-vue';
import App from './App.vue';

const app = createApp(App);

app.use(createKavachPlugin({
  apiUrl: 'https://auth.yourapp.com',
  tenantId: 'your-tenant-id',
}));

app.mount('#app');

<script setup lang="ts">
import { useSession, useUser, useSignIn, useSignOut } from '@glinr/theauth-vue';

const { session, isLoading } = useSession();
const { user } = useUser();
const { signIn } = useSignIn();
const { signOut } = useSignOut();
</script>

<template>
  <div v-if="!isLoading">
    <p v-if="user">Welcome, {{ user.email }}</p>
    <button v-if="session" @click="signOut">Sign out</button>
  </div>
</template>

Exports

• createKavachPlugin: Vue plugin factory
• useSession: current session and loading state
• useUser: authenticated user object
• useSignIn: sign-in composable
• useSignOut: sign-out composable
• useSignUp: sign-up composable
• useAgents: manage AI agents for the current user

Docs

https://docs.theauth.com

License

MIT