-
Notifications
You must be signed in to change notification settings - Fork 419
feat(vue): UNSAFE_PortalProvider implementation #7491
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(vue): UNSAFE_PortalProvider implementation #7491
Conversation
|
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Comment |
| * <script setup> | ||
| * import { useTemplateRef } from 'vue'; | ||
| * import { DialogContent } from 'reka-ui'; | ||
| * import { UNSAFE_PortalProvider, UserButton } from '@clerk/vue'; | ||
| * | ||
| * const dialogContentRef = useTemplateRef('dialogContentRef'); | ||
| * </script> | ||
| * | ||
| * <template> | ||
| * <DialogContent ref="dialogContentRef"> | ||
| * <UNSAFE_PortalProvider :getContainer="() => dialogContentRef?.$el"> | ||
| * <UserButton /> | ||
| * </UNSAFE_PortalProvider> | ||
| * </DialogContent> | ||
| * </template> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I am using Reka UI here as example (Radix in Vue ecosystem).
fa6ef65
into
alexcarpenter/portal-provider-3
Description
Checklist
pnpm testruns as expected.pnpm buildruns as expected.Type of change