Issue with auth.ts

[Loosie94]

Hi,

I am facing an issue with the authentication.
When signing in, everything goes fine, but then I later on I get the error:

TypeError: Cannot read properties of undefined (reading 'users')

Seems like it's coming form the function:

async getLoggedinUser() {
      const { $directus } = useNuxtApp();
      try {
        // Try to fetch the user data
        const user = await $directus.users.me.read({
          fields: ['*'],
        });

        // Update the auth store with the user data
        this.loggedIn = true;
        this.user = user;
      } catch (e) {
        console.log(e);
      }
    },

Also, when reloading a page I will have to sign-in again.
This might have to do with the same error?

Hope anyone knows a fix for this.

[bryantgillespie]

Well aware there are a few issues with the auth and how cookies are stored. Will have a look at this when I get a bit of time 👍

[BlackDahlia313]

Well aware there are a few issues with the auth and how cookies are stored. Will have a look at this when I get a bit of time 👍

Hey! The auth.ts is totally fine :)

All that was needed was to import onmounted from vue and than use onmounted to call the user data.

#25

[Loosie94]

Hi @BlackDahlia313 I tried your pull-request locally, but unfortunately this didn't seem to fix the issue. I am still getting the error and keep signing out.

[M-GRV]

Well aware there are a few issues with the auth and how cookies are stored. Will have a look at this when I get a bit of time 👍

Good to know! I was looking around and it seems onmounted might be the way

Hi @BlackDahlia313 I tried your pull-request locally, but unfortunately this didn't seem to fix the issue. I am still getting the error and keep signing out.

Im assuming you mean for the protected pages using the middleware. That needs an update as well. The patch is only for the auth component. and works when refreshing the homepage to keep you logged in.

The middleware itself needs some love.

[Loosie94]

@M-GRV How did you fix that? What did you adjust in the middleware/auth.js? Thanks

[BlackDahlia313]

Exactly how I did it in my PR.

But I am moving onto using a Module now.

[Loosie94]

Or maybe we can fix this using the new SDK?

[bryantgillespie]

I'll probably end up refactoring the Directus plugin and the auth based on the new SDK once released.

[BlackDahlia313]

Or maybe we can fix this using the new SDK?

thats what we are doing for our site. This starter kit was a good reference to learn from. ;)

[bryantgillespie]

Or maybe we can fix this using the new SDK?

thats what we are doing for our site. This starter kit was a good reference to learn from. ;)

Glad to hear it. If you haven't seen it already - there's this Nuxt project we rolled out last week as well to use as reference / inspiration.
https://github.com/directus-community/agency-os

Haven't got a ton of documentation on it yet and will be doing some content around it soon – but it does have a lot of more advanced / interesting bits in there like dynamic forms / dynamic og images / etc.

[dnndev]

Really happy to see some new Nuxt examples being developed :)

Looking at the code, is the recommended approach now to use a module for auth?

[Loosie94]

I have created a pretty large app with this boilerplate, so really happy with that. Only issue for me is the authentication each time I refresh. But will keep an eye out for upcoming changes and the new SDK.

[bryantgillespie]

Really happy to see some new Nuxt examples being developed :)

👍

Looking at the code, is the recommended approach now to use a module for auth?

Going to be a bit before I've got time to dig back into this starter, but you might have a look at this module for Nuxt that another community member - @becem-gharbi put together.
https://github.com/becem-gharbi/nuxt-directus

[BlackDahlia313]

Really happy to see some new Nuxt examples being developed :)

👍

Looking at the code, is the recommended approach now to use a module for auth?

Going to be a bit before I've got time to dig back into this starter, but you might have a look at this module for Nuxt that another community member - @becem-gharbi put together. https://github.com/becem-gharbi/nuxt-directus

Highly recommend this module even tho I decided to build from the SDK directly. The dev is very responsive.