feat(nuxt,vue): Re-export UserAvatar for Nuxt and Astro (#7009)

Author: tmilewski

.changeset/chilly-monkeys-learn.md

@@ -0,0 +1,5 @@
+---
+'@clerk/astro': minor
+---
+
+Add UserAvatar component

.changeset/fancy-hats-attend.md

@@ -0,0 +1,5 @@
+---
+'@clerk/nuxt': minor
+---
+
+Re-export UserAvatar from Vue package

packages/astro/src/astro-components/index.ts

@@ -21,6 +21,7 @@ export { default as PlanDetailsButton } from './unstyled/PlanDetailsButton.astro
  */
 export { default as SignIn } from './interactive/SignIn.astro';
 export { default as SignUp } from './interactive/SignUp.astro';
+export { default as UserAvatar } from './interactive/UserAvatar.astro';
 export { UserButton } from './interactive/UserButton';
 export { UserProfile } from './interactive/UserProfile';
 export { OrganizationProfile } from './interactive/OrganizationProfile';

packages/astro/src/astro-components/interactive/UserAvatar.astro

@@ -0,0 +1,11 @@
+---
+import type { UserAvatarProps } from '@clerk/types';
+type Props = UserAvatarProps;
+
+import InternalUIComponentRenderer from './InternalUIComponentRenderer.astro';
+---
+
+<InternalUIComponentRenderer
+  {...Astro.props}
+  component='user-avatar'
+/>

packages/astro/src/internal/mount-clerk-astro-js-components.ts

@@ -12,6 +12,7 @@ const mountAllClerkAstroJSComponents = () => {
     'organization-list': 'mountOrganizationList',
     'organization-profile': 'mountOrganizationProfile',
     'organization-switcher': 'mountOrganizationSwitcher',
+    'user-avatar': 'mountUserAvatar',
     'user-button': 'mountUserButton',
     'user-profile': 'mountUserProfile',
     'sign-in': 'mountSignIn',

packages/astro/src/types.ts

@@ -67,6 +67,7 @@ export type InternalUIComponentId =
   | 'organization-list'
   | 'organization-profile'
   | 'organization-switcher'
+  | 'user-avatar'
   | 'user-button'
   | 'user-profile'
   | 'google-one-tap'

packages/nuxt/src/runtime/components/index.ts

@@ -3,6 +3,7 @@ export {
   SignUp,
   SignIn,
   UserProfile,
+  UserAvatar,
   UserButton,
   OrganizationSwitcher,
   OrganizationProfile,