Skip to content

feat(vue): <OrganizationProfile> custom pages and links through <OrganizationSwitcher> - #5129

Merged
wobsoriano merged 9 commits into
mainfrom
rob/eco-400-custom-organizationprofile-pages-and-links-via
Feb 12, 2025
Merged

feat(vue): <OrganizationProfile> custom pages and links through <OrganizationSwitcher>#5129
wobsoriano merged 9 commits into
mainfrom
rob/eco-400-custom-organizationprofile-pages-and-links-via

Conversation

@wobsoriano

@wobsoriano wobsoriano commented Feb 11, 2025

Copy link
Copy Markdown
Member

Description

This PR adds ability to add <OrganizationProfile> custom pages and links through an <OrganizationSwitcher /> component.

Example:

<script setup>
import { OrganizationSwitcher } from '@clerk/vue'
import Icon from './Icon.vue'
</script>

<template>
  <header>
    <OrganizationSwitcher>
      <OrganizationSwitcher.OrganizationProfilePage label="Custom Page" url="custom">
        <template #labelIcon>
          <Icon />
        </template>
        <div>
          <h1>Custom Organization Profile Page</h1>
          <p>This is the custom organization profile page</p>
        </div>
      </OrganizationSwitcher.OrganizationProfilePage>
      <OrganizationSwitcher.OrganizationProfileLink label="Homepage" url="/">
        <template #labelIcon>
          <Icon />
        </template>
      </OrganizationSwitcher.OrganizationProfileLink>
    </OrganizationSwitcher>
  </header>
</template>

Resolves ECO-400

Checklist

  • pnpm test runs as expected.
  • pnpm build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@changeset-bot

changeset-bot Bot commented Feb 11, 2025

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: e05e0ca

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@clerk/vue Minor
@clerk/nuxt Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercel Bot commented Feb 11, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
clerk-js-sandbox ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 12, 2025 3:02pm

@wobsoriano wobsoriano changed the title feat: Add support for <OrganizationProfile> custom pages and links through <OrganizationSwitcher> feat(vue): Add support for <OrganizationProfile> custom pages and links through <OrganizationSwitcher> Feb 11, 2025
@wobsoriano wobsoriano changed the title feat(vue): Add support for <OrganizationProfile> custom pages and links through <OrganizationSwitcher> feat(vue): <OrganizationProfile> custom pages and links through <OrganizationSwitcher> Feb 11, 2025
@wobsoriano
wobsoriano marked this pull request as ready for review February 11, 2025 20:30
@clerk clerk deleted a comment from clerk-cookie Feb 11, 2025
@wobsoriano

Copy link
Copy Markdown
Member Author

!snapshot

@clerk-cookie

Copy link
Copy Markdown
Collaborator

Hey @wobsoriano - the snapshot version command generated the following package versions:

Package Version
@clerk/astro 2.2.0-snapshot.v20250211230514
@clerk/backend 1.24.1-snapshot.v20250211230514
@clerk/chrome-extension 2.2.9-snapshot.v20250211230514
@clerk/clerk-js 5.52.3-snapshot.v20250211230514
@clerk/elements 0.22.22-snapshot.v20250211230514
@clerk/clerk-expo 2.7.7-snapshot.v20250211230514
@clerk/expo-passkeys 0.1.20-snapshot.v20250211230514
@clerk/express 1.3.48-snapshot.v20250211230514
@clerk/fastify 2.1.21-snapshot.v20250211230514
@clerk/localizations 3.10.6-snapshot.v20250211230514
@clerk/nextjs 6.11.3-snapshot.v20250211230514
@clerk/nuxt 1.1.4-snapshot.v20250211230514
@clerk/clerk-react 5.22.13-snapshot.v20250211230514
@clerk/react-router 1.0.8-snapshot.v20250211230514
@clerk/remix 4.4.24-snapshot.v20250211230514
@clerk/shared 2.21.1-snapshot.v20250211230514
@clerk/tanstack-start 0.9.6-snapshot.v20250211230514
@clerk/testing 1.4.22-snapshot.v20250211230514
@clerk/themes 2.2.18-snapshot.v20250211230514
@clerk/types 4.46.0-snapshot.v20250211230514
@clerk/ui 0.3.23-snapshot.v20250211230514
@clerk/vue 1.2.0-snapshot.v20250211230514

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/astro

npm i @clerk/astro@2.2.0-snapshot.v20250211230514 --save-exact

@clerk/backend

npm i @clerk/backend@1.24.1-snapshot.v20250211230514 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@2.2.9-snapshot.v20250211230514 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@5.52.3-snapshot.v20250211230514 --save-exact

@clerk/elements

npm i @clerk/elements@0.22.22-snapshot.v20250211230514 --save-exact

@clerk/clerk-expo

npm i @clerk/clerk-expo@2.7.7-snapshot.v20250211230514 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@0.1.20-snapshot.v20250211230514 --save-exact

@clerk/express

npm i @clerk/express@1.3.48-snapshot.v20250211230514 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.1.21-snapshot.v20250211230514 --save-exact

@clerk/localizations

npm i @clerk/localizations@3.10.6-snapshot.v20250211230514 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@6.11.3-snapshot.v20250211230514 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@1.1.4-snapshot.v20250211230514 --save-exact

@clerk/clerk-react

npm i @clerk/clerk-react@5.22.13-snapshot.v20250211230514 --save-exact

@clerk/react-router

npm i @clerk/react-router@1.0.8-snapshot.v20250211230514 --save-exact

@clerk/remix

npm i @clerk/remix@4.4.24-snapshot.v20250211230514 --save-exact

@clerk/shared

npm i @clerk/shared@2.21.1-snapshot.v20250211230514 --save-exact

@clerk/tanstack-start

npm i @clerk/tanstack-start@0.9.6-snapshot.v20250211230514 --save-exact

@clerk/testing

npm i @clerk/testing@1.4.22-snapshot.v20250211230514 --save-exact

@clerk/themes

npm i @clerk/themes@2.2.18-snapshot.v20250211230514 --save-exact

@clerk/types

npm i @clerk/types@4.46.0-snapshot.v20250211230514 --save-exact

@clerk/ui

npm i @clerk/ui@0.3.23-snapshot.v20250211230514 --save-exact

@clerk/vue

npm i @clerk/vue@1.2.0-snapshot.v20250211230514 --save-exact

@wobsoriano
wobsoriano merged commit 98436f0 into main Feb 12, 2025
@wobsoriano
wobsoriano deleted the rob/eco-400-custom-organizationprofile-pages-and-links-via branch February 12, 2025 16:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants