Segment undefined in the context of a middleware

[sandoche]

Hi,
I am trying to use segment from the context, in a middleware loaded from a layout and it does not work.

Segment undefined in the context in a middleware

export default function({ app, $segment }) {
  console.log($segment)
  console.log(app.$segment)
}

[gaelreyrol]

Hi @sandoche !

Can you provide your configuration ?

[sandoche]

In nuxt.config.js

modules: [
    // ...
    '@dansmaculotte/nuxt-segment'
  ],

  segment: {
    writeKey: process.env.SEGMENT_WRITE_KEY,
    disabled: false,
    useRouter: true
  }

When I use it in a page in mounted with this.$segment it does work.

[sandoche]

I am using Nuxt.js @ v2.14.7

[gaelreyrol]

Do you any error logs ?

[sandoche]

When I run a page with this middleware of a layout I have this:
undefined (two times)

No other errors.
When I use this.$segment in the mounted of a page it works perfectly.

[sandoche]

I tried to move the middleware in the page instead of the layout and it's the same

[gaelreyrol]

So it's working in a page but not in a middleware or a layout ?

[sandoche]

Exactly. It works in the mounted of the page. It also works automatically also for each page.

It does not work as a middleware (either for the page of the layout)

[gaelreyrol]

Okay, I will try to look at it soon !

[sandoche]

Thanks for now, I'll run the code on the mounted of the layout, it seems that this works. But I would have a cleaner code by having it in a middleware.