From 16b4e240967e782cce2ac9cb20adbb1ec39c678b Mon Sep 17 00:00:00 2001
From: wobsoriano <sorianorobertc@gmail.com>
Date: Fri, 7 Feb 2025 08:31:46 -0800
Subject: [PATCH 1/3] chore(vue): Remove custom pages and menu item prop types

---
 .../OrganizationProfile/OrganizationProfile.vue             | 5 ++++-
 .../src/components/ui-components/UserButton/UserButton.vue  | 6 ++++--
 .../components/ui-components/UserProfile/UserProfile.vue    | 3 ++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/vue/src/components/ui-components/OrganizationProfile/OrganizationProfile.vue b/packages/vue/src/components/ui-components/OrganizationProfile/OrganizationProfile.vue
index 9d15e2841c3..7be7f1973d4 100644
--- a/packages/vue/src/components/ui-components/OrganizationProfile/OrganizationProfile.vue
+++ b/packages/vue/src/components/ui-components/OrganizationProfile/OrganizationProfile.vue
@@ -6,8 +6,11 @@ import type { OrganizationProfileProps } from '@clerk/types';
 import { OrganizationProfileInjectionKey } from '../../../keys';
 import { ClerkHostRenderer, CustomPortalsRenderer } from '../../ClerkHostRenderer';
 
-const props = defineProps<OrganizationProfileProps>();
+type Props = Omit<OrganizationProfileProps, 'customPages'>;
+const props = defineProps<Props>();
+
 const clerk = useClerk();
+
 const { customPages, customPagesPortals, addCustomPage } = useOrganizationProfileCustomPages();
 
 const finalProps = computed(() => ({
diff --git a/packages/vue/src/components/ui-components/UserButton/UserButton.vue b/packages/vue/src/components/ui-components/UserButton/UserButton.vue
index dfcbbe12c70..fc6dcef723c 100644
--- a/packages/vue/src/components/ui-components/UserButton/UserButton.vue
+++ b/packages/vue/src/components/ui-components/UserButton/UserButton.vue
@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import { useClerk } from '../../../composables';
-import type { UserButtonProps } from '@clerk/types';
+import type { UserButtonProps, UserProfileProps } from '@clerk/types';
 import { ClerkHostRenderer, CustomPortalsRenderer } from '../../ClerkHostRenderer';
 import { computed, provide } from 'vue';
 import { UserButtonInjectionKey, UserProfileInjectionKey } from '../../../keys';
 import { useUserProfileCustomPages } from '../../../utils/useCustomPages';
 import { useUserButtonCustomMenuItems } from '../../../utils/useCustomMenuItems';
 
-type Props = Omit<UserButtonProps, 'customMenuItems'>;
+type Props = Omit<UserButtonProps, 'userProfileProps'> & {
+  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance'>;
+};
 const props = defineProps<Props>();
 
 const clerk = useClerk();
diff --git a/packages/vue/src/components/ui-components/UserProfile/UserProfile.vue b/packages/vue/src/components/ui-components/UserProfile/UserProfile.vue
index 8918e99464a..a6bed7928e1 100644
--- a/packages/vue/src/components/ui-components/UserProfile/UserProfile.vue
+++ b/packages/vue/src/components/ui-components/UserProfile/UserProfile.vue
@@ -6,7 +6,8 @@ import { computed, provide } from 'vue';
 import { UserProfileInjectionKey } from '../../../keys';
 import { useUserProfileCustomPages } from '../../../utils/useCustomPages';
 
-const props = defineProps<UserProfileProps>();
+type Props = Omit<UserProfileProps, 'customPages'>;
+const props = defineProps<Props>();
 
 const clerk = useClerk();
 const { customPages, customPagesPortals, addCustomPage } = useUserProfileCustomPages();

From b7d3f644d5067245a0e4d186035bde12f1a3dba0 Mon Sep 17 00:00:00 2001
From: Robert Soriano <sorianorobertc@gmail.com>
Date: Fri, 7 Feb 2025 08:40:27 -0800
Subject: [PATCH 2/3] chore: add changeset

---
 .changeset/curvy-flowers-whisper.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/curvy-flowers-whisper.md

diff --git a/.changeset/curvy-flowers-whisper.md b/.changeset/curvy-flowers-whisper.md
new file mode 100644
index 00000000000..8cf7bb5fc27
--- /dev/null
+++ b/.changeset/curvy-flowers-whisper.md
@@ -0,0 +1,5 @@
+---
+"@clerk/vue": patch
+---
+
+Remove `customPages` prop types from `<UserProfile />`, `<OrganizationProfile />` and `<UserButton />` to align with runtime behavior.

From 04c014d3d342c7a2e66f3eae8463fe6851cfbbcd Mon Sep 17 00:00:00 2001
From: wobsoriano <sorianorobertc@gmail.com>
Date: Fri, 7 Feb 2025 08:49:23 -0800
Subject: [PATCH 3/3] chore: Omit custom menu items prop

---
 .../vue/src/components/ui-components/UserButton/UserButton.vue  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vue/src/components/ui-components/UserButton/UserButton.vue b/packages/vue/src/components/ui-components/UserButton/UserButton.vue
index fc6dcef723c..905eb4fd781 100644
--- a/packages/vue/src/components/ui-components/UserButton/UserButton.vue
+++ b/packages/vue/src/components/ui-components/UserButton/UserButton.vue
@@ -7,7 +7,7 @@ import { UserButtonInjectionKey, UserProfileInjectionKey } from '../../../keys';
 import { useUserProfileCustomPages } from '../../../utils/useCustomPages';
 import { useUserButtonCustomMenuItems } from '../../../utils/useCustomMenuItems';
 
-type Props = Omit<UserButtonProps, 'userProfileProps'> & {
+type Props = Omit<UserButtonProps, 'userProfileProps' | 'customMenuItems'> & {
   userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance'>;
 };
 const props = defineProps<Props>();