@drmhse/authos-vue

@drmhse/authos-vue

Vue 3 and Nuxt adapter for AuthOS.

This package is pre-1.0 and Beta. Pin an exact version and review the current AuthOS support matrix.

Full documentation: authos.dev/docs/packages/authos-vue/

AI agent skills: authos.dev/docs/ai-agent-skills/ and github.com/drmhse/authos_skill

Install

npm install @drmhse/authos-vue

Install nuxt when using the optional /nuxt entry point. The base Vue package does not require Nuxt.

Quick start

import { createApp } from 'vue';
import { createAuthOS } from '@drmhse/authos-vue';
import App from './App.vue';

const app = createApp(App);

app.use(
  createAuthOS({
    baseURL: 'https://sso.example.com',
  }),
);

app.mount('#app');

<script setup>
import { SignIn, SignedIn, SignedOut, UserButton } from '@drmhse/authos-vue';
</script>

<template>
  <SignedOut>
    <SignIn />
  </SignedOut>
  <SignedIn>
    <UserButton />
  </SignedIn>
</template>

Scoped tenant usage

app.use(
  createAuthOS({
    baseURL: 'https://sso.example.com',
    org: 'acme-corp',
    service: 'main-app',
    redirectUri: 'https://app.acme.com/callback',
  }),
);

Includes

• Plugin factory createAuthOS
• Components such as SignIn, SignUp, Callback, OAuthButton, Protect, and OrganizationSwitcher
• Composables for auth state, profile data, organizations, and permissions

See the docs site for Nuxt details, slot APIs, and advanced integration patterns.