Auth0 and Vue3 Quickstart?

Can you tell me what audience is in the json file? I couldn’t find out anything about that. I removed that as well.

Well a quick update. If I copy App.vue as in your repo exactly, it works. However as soon as I start to change anything the buttons won’t even render due to this wrapper: <div v-if="!$auth.loading">

However if I remove that wrapper, I get “Log out” button which only reloads the page with no errors. Maybe it has to do with the router?

For anyone else re-using Lucas’s code above (thanks a ton @lstyles, your repo is literally the only example I found online for vue3), if you’re having trouble with redirects working correctly you need to add this line:

state.error = null;

after this line:

const {appState} = await client.handleRedirectCallback()

in Lucas’s index.js file.

I spent more time than I’ll ever acknowledge learning this:)

2 Likes

Thanks for sharing it with the rest of community!

It’s written in that way on purpose to only allow authenticated users, so logout is the only button needed as it will redirect to login if not logged in by default.

I made the code from those snippets work, also refactored to TypeScript.

3 Likes

Thanks for sharing it with the rest of community!

Hi there - any news on an official Vue3 implementation? (thank you so much to the community contributors already cc lstyles)

Reaching out to appropriate team to find out more about it!

Hey there again @corethings!

We still don’t officially support Vue 3 but our SDKs team is currently working on an update to current Vue quickstart + we have a Guest Author that is also exploring Vue 3 which may result in a blog post. Once I have further update I’ll let you know!

1 Like

Thanks, @lstyles for the implementation in Vue 3 but I was wondering how to silently login users when they visit again without having them click the login button again?.

@konrad.sopala any news about the support of vue3?

1 Like

Unfortunately not yet, our SDKs team is still working on that. Will let you know as soon as I have any updates to share

1 Like

In case the delay is due to lack of demand I thought I’d chip in and express my interest in seeing an official Auth0 Vue3 implementation guide. Please :slight_smile:

7 Likes

Same goes for me. I am checking this thread on a regular basis in the hope that the official guide would be finally released.

7 Likes

I’m having this problem. I’ve added this line, but my redirect to a custom URL still isn’t working. Anything else I should check?

Hey there. I’m also interested in an official vue3-auth0 quickstart!

For the time being I’ve got a starter app using composition API, vuex and router (I’m new to vue as well). I also don’t know if it’s the right way or if it follows the best practices but worked as a base for me. Any feedback would be appreciated.

2 Likes

Thanks for sharing that with the rest of community!

same same. At least an hour of my life until I remembered reading your comment. Ty ty!

Good job, thank you very much !

1 Like