Auth0 and Vue3 Quickstart?

Please include the following information in your post:

Hey all.
I’m trying to get the SPA Vue quickstart working with Vue3.

I’m having issues with the app throwing a
warning "export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
that stops the app from loading.

I think it’s related to the change is now .use is now tied to the app instance and not the Vue global.

Anyone have a good link to some sample code showing how to get The SPA sdk working with the full Vue3 (not just the composition api).

1 Like

Hey there!

Unfortunately I don’t have much experience with Vue but maybe @holly will be able to help here as she creates most of Vue content for our blog:

or maybe you’ll find something that will help you in her blog articles!

1 Like

Thanks I’ll keep looking around.

1 Like

I’ve found this https://gist.github.com/K3TH3R/416e5c6627436fa87db16f57f50496d1

It didn’t work for me but maybe you’ll have more luck.

Thanks for sharing that @lstyles!

Thanks for the post.
Yea I’m not having any luck with that code sample either.

I may just have to stub out my project and work on integrating auth0 later as I can’t keep spending cycles on this.

I know the feeling. I’m blocked by this (having made the same decision as you before) so I’m going to try to figure it out. I’ll let you know if I get something working.

@huntsfromshadow @lstyles Yeah I actually just noticed this week that it doesnt work with Vue 3. I still haven’t had a chance to dig into how plugins changed with Vue 3, but I’ll try to spend some time on it next week and update here if I can get it working!

I’ve got something working. No idea if that’s the right way to do it, but it does appear to meet my requirements.

2 Likes

Thanks for sharing that with the rest of community!

@lstyles

Thanks! That helped me get this working. Really appreciate it.

Thanks for sharing, very much appreciated. Ended up implementing it pretty much the same way few days ago. Still waiting for some a Auth0 recommended implementation though.

We’ll let you know once it’s there!