Vue

import { createApp } from 'vue';
import { createKavachPlugin } from '@kavachos/vue'; 
import App from './App.vue';

const app = createApp(App);

app.use(createKavachPlugin({ 
  basePath: '/api/kavach', 
})); 

app.mount('#app');

import { createKavachPlugin } from '@kavachos/vue';

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(createKavachPlugin({
    basePath: '/api/kavach',
  }));
});

<script setup lang="ts">
import { useSession } from '@kavachos/vue';

const { session, isLoading } = useSession();
</script>

<template>
  <nav>
    <span v-if="isLoading">Loading...</span>
    <span v-else-if="session">{{ session.user.name }}</span>
    <a v-else href="/sign-in">Sign in</a>
  </nav>
</template>

<script setup lang="ts">
import { useSignIn } from '@kavachos/vue';

const { signIn, isLoading, error } = useSignIn();

async function handleSubmit(email: string, password: string) {
  await signIn({ email, password });
  // Redirect on success. The composable does not navigate automatically.
}
</script>

import { useSignUp } from '@kavachos/vue';

const { signUp, isLoading, error } = useSignUp();
await signUp({ email, password, name });

import { useSignOut } from '@kavachos/vue';

const { signOut } = useSignOut();
await signOut();