wobsoriano / vue-clerk

Unofficial Vue + Clerk integration.
https://vue-clerk.com
MIT License
108 stars 8 forks source link

Redirect not working with SignedIn and SignedOut #36

Closed rgdcastro closed 3 weeks ago

rgdcastro commented 1 month ago

Description: I've encountered an issue where the redirect functionality doesn't seem to work when using the SignedIn and SignedOut components. Instead it just displays blank white page.

Steps to Reproduce:

Observations: The redirect does not occur as expected.

Additional Information: I have tried going through releases and it broke after version 0.3.0

wobsoriano commented 1 month ago

That's how it behaves 👀 SignedIn component will only render its children if authenticated.

You'd want to use it with the RedirectToSignIn component:

<SignedIn>
  <h1>Index route</h1>
  <p>You are signed in!</p>
  <UserButton />
</SignedIn>
<SignedOut>
  <RedirectToSignIn  />
</SignedOut>

If I'm missing something, would love to have a basic repro of your problem

rgdcastro commented 1 month ago

Sorry if my initial message was not clear. Yes, I am already using the RedirectToSignIn component. I'll try to send a sample repo later.

image

Thanks!

wobsoriano commented 1 month ago

Thank you. Appreciate the report!

wobsoriano commented 4 weeks ago

Hey, I tried a fresh Nuxt project and tried to mimic your example. Redirect works like expected. Can you try the latest vue-clerk version?

Also, here's a quickstart template you can use if you want to make a basic repro.

wobsoriano commented 3 weeks ago

Hey, I'm closing this for now. Please use the latest version and check if the error still persists. If it does, feel free to reopen it!