chore(vue): Remove customPages prop types from UI components (#5101)

Author: wobsoriano

.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.

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(() => ({

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' | 'customMenuItems'> & {
+  userProfileProps?: Pick<UserProfileProps, 'additionalOAuthScopes' | 'appearance'>;
+};
 const props = defineProps<Props>();
 
 const clerk = useClerk();

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();