Vue Clerk is the easiest way to add authentication and user management to your Vue application. Add #, #, and profile management to your application in minutes.
Important
This project has graduated to an official SDK. Please proceed here for migration instructions.
npm install vue-clerkVue Clerk requires your application to have the clerkPlugin installed.
If using Vite, set VITE_CLERK_PUBLISHABLE_KEY to your Publishable key in your .env.local file to make the environment variable accessible on process.env and pass it as the publishableKey prop.
<script setup>
import { SignInButton, SignedIn, SignedOut, UserButton } from 'vue-clerk'
</script>
<template>
<h1>Hello Clerk!</h1>
<SignedIn>
<UserButton />
</SignedIn>
<SignedOut>
<SignInButton mode="modal" />
</SignedOut>
</template>For further details and examples, please refer to the Documentation.
MIT