definePageMeta is throwing eslint error message "Cannot find name definePageMeta"

[ramyohan90]

I am using Nuxt@3.9.0 & Vue@3.4.0

I have a vue component under pages (pages/login.vue). I have enabled the Nuxt Extensions in VS Code to support intellisense in code space.

I need to call a middleware in the vue component and hence used definePageMeta to call the middleware.

Although I can able to call the middleware, VS Code is throwing error message "Cannot find name definePageMeta".

Please let know what kind of setup I should do, so that VS Code resolves this error.

As per Nuxt Documentation, we can call middleware in the vue components under pages and the router will identify definePageMeta. I followed the same process, but VS Code shows eslint error.

Please help.

[ramyohan90]

Closing this. Nuxt dev tools was not installed properly in VS Code. Hence intellisense failed.

[nbro]

@ramyohan90 Which extension have you exactly installed? I installed the official nuxt VS Code extension, but VS Code still complains about it.

[aryaadinulfadlan]

@ramyohan90 which nuxt extension did you use ?