Bot releases are visible (Hide)
<UserProfileLink />
to <UserButton />
Published by github-actions[bot] about 2 months ago
4ebc2cc: Support roles and permissions in Nuxt middleware
Examples:
Allow users that have the org:invoices:create
permission
definePageMeta({
middleware: "auth",
auth: {
permission: "org:invoices:create",
},
});
Allow users with the org:billing
role
definePageMeta({
middleware: "auth",
auth: {
role: "org:billing",
},
});
Published by wobsoriano about 2 months ago
6c77ccb: Introduce Nuxt module
Usage:
export default defineNuxtConfig({
modules: ["vue-clerk/nuxt"],
});
<script setup>
const { data: user } = await useCurrentUser()
</script>
<template>
<SignedIn>
<h1>Hello, {{ user?.fullName }}</h1>
<UserButton />
</SignedIn>
<SignedOut>
<SignInButton mode="modal" />
</SignedOut>
</template>
// server/api/me.ts
import { clerkClient, getAuth } from '#clerk'
export default eventHandler((event) => {
const { userId } = getAuth(event);
if (!userId) {
setResponseStatus(event, 403);
return;
}
return clerkClient(event).users.getUser(userId);
});
Published by github-actions[bot] about 2 months ago
<UserButton />
component trying to account for custom menu items even when emptyPublished by github-actions[bot] about 2 months ago
7863158: Add custom pages and links to <UserProfile />
component
Usage:
<script setup>
import { UserProfile } from "vue-clerk";
</script>
<template>
<UserProfile>
<UserProfile.Page label="Custom page" url="custom">
<template #labelIcon>
<CustomIcon />
</template>
<CustomPage />
</UserProfile.Page>
</UserProfile>
</template>
4c5fcd8: Add custom page support in <UserButton />
and improve menu items rendering
Usage:
<script setup>
import { UserButton } from "vue-clerk";
</script>
<template>
<UserButton>
<UserButton.MenuItems>
<UserButton.Action label="Help" open="help">
<template #labelIcon>
<HelpIcon />
</template>
</UserButton.Action>
</UserButton.MenuItems>
<UserButton.UserProfilePage label="Help" url="help">
<template #labelIcon>
<HelpIcon />
</template>
<div>
<h1>Help Page</h1>
<p>This is the custom help page</p>
</div>
</UserButton.UserProfilePage>
</UserButton>
</template>
f84f404: Add custom pages and links to <OrganizationProfile />
component
Usage:
<script setup>
import { OrganizationProfile } from "vue-clerk";
</script>
<template>
<OrganizationProfile>
<OrganizationProfile.Page label="Custom page" url="custom">
<template #labelIcon>
<CustomIcon />
</template>
<CustomPage />
</OrganizationProfile.Page>
</OrganizationProfile>
</template>
Published by github-actions[bot] about 2 months ago
562f4e9: Add helper function to update Clerk options
Usage:
import { updateClerkOptions } from "vue-clerk";
import { frFR } from "@clerk/localizations";
updateClerkOptions({
localization: frFR,
appearance: {
elements: {
formButtonPrimary: "bg-slate-500 hover:bg-slate-400 text-sm",
},
},
});
Published by github-actions[bot] about 2 months ago
addListener
in user-levelPublished by github-actions[bot] 2 months ago
Published by github-actions[bot] 2 months ago
@clerk/shared
Published by github-actions[bot] 2 months ago
b291789: feat: Add custom menu items to <UserButton />
component
Example usage:
<template>
<UserButton>
<UserButton.MenuItems>
<UserButton.Link label="Terms" href="/terms">
<template #labelIcon>
<TermsIcon />
</template>
</UserButton.Link>
<UserButton.Action label="Chat Modal" @click="openChatModal">
<template #labelIcon>
<ChatIcon />
</template>
</UserButton.Action>
</UserButton.MenuItems>
</UserButton>
</template>
Published by github-actions[bot] 2 months ago
Transferable
typePublished by github-actions[bot] 2 months ago
Published by github-actions[bot] 3 months ago
Published by github-actions[bot] 3 months ago
Published by github-actions[bot] 3 months ago
Published by github-actions[bot] 3 months ago
Published by github-actions[bot] 3 months ago
Published by github-actions[bot] 3 months ago
Published by github-actions[bot] 4 months ago
Published by wobsoriano 4 months ago