Nuxt.js: Cannot access state from a store module using mapState

[pdt590]

Version

v1.4.2

Reproduction link

https://github.com/nuxt/nuxt.js/issues/3704

Steps to reproduce

\\ store/users.js 
export const state = () => ({
    user: 'Hello'
})

\\ pages/nav.vue 
<template>
    <div>  {{user}}   <div>
<template>



md5-52f80eb679cd20adb33e98fcfce71911

What is expected ?

mapState should access user state of users module

What is actually happening?

Property or method "user" is not defined on the instance but referenced during render

_{This bug report is available on Nuxt community (#c7551)}

[paulgv]

Try this instead:

...mapState({
  user: state => state.users.user
})

[pdt590]

It works well. Thanks

[cmty[bot]]

This question has been resolved by @paulgv, see answer.

[UltramarineLights]

Hello, I'm having the same problem with all the map helpers, and I would like to understand why that syntax works, and the one in the official documentation doesn't. What's the rationale?

EDIT:
I'm actually not able to use mapActions with that same syntax, how would it be?

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.