Почему не работает rootState?

Question

[molekulyarniy]

Имеется store с встроенным в него модулем

const counterModule = {
  namespaced: true,
  state() {
    return {
      counter: 0
    };
  },
  getters: {
    testAuth(rootState) {
      return rootState.isLoggedIn;
    }
  }
};

const store = createStore({
  modules: {
    counter: counterModule
  },
  state() {
    return {
      isLoggedIn: false
    };
  }
});

И компонент

<template>
  <p>{{ isTestAuth }}</p>
</template>

<script>
export default {
  computed: {
    isTestAuth() {
      return this.$store.getters['counter/testAuth'];
    }
  }
};
</script>

Но почему-то в компоненте не отображается содержимое . Если не использовать namespace в подключаемом модуле, то все работает правильно. В чем причина ошибки?
P.S. большая часть кода, которая не относится к теме вопроса, удалена, чтобы не создавать путаницу

Comments

[Алексей Ярков]

большая часть кода, которая не относится к теме вопроса, удалена, чтобы не создавать путаницу

Обожаю такие вопросы, когда автор решил что это лишнее и не показал самое важное. Просто шикарно.
Как используете модуль в компоненте? Покажете лишнее или нам угадать?

[molekulyarniy]

store

import { createStore } from 'vuex';

const counterModule = {
  namespaced: true,
  state() {
    return {
      counter: 0
    };
  },
  mutations: {
    increment(state) {
      state.counter++;
    },
    increase(state, payload) {
      state.counter += payload.value;
    }
  },
  actions: {
    increment(context) {
      setTimeout(function() {
        context.commit('increment');
      }, 400);
    },
    increase(context, payload) {
      context.commit('increase', payload);
    }
  },
  getters: {
    testAuth(rootState) {
      return rootState.isLoggedIn;
    },
    finalCounter(state) {
      return state.counter;
    },
    normalizedCounter(state, getters) {
      const finalCounter = getters.finalCounter;

      if (finalCounter < 0) {
        return 0;
      }
      if (finalCounter > 100) {
        return 100;
      }
      return finalCounter;
    }
  }
};

const store = createStore({
  modules: {
    counter: counterModule
  },
  state() {
    return {
      isLoggedIn: false
    };
  },
  mutations: {
    setAuth(state, payload) {
      state.isLoggedIn = payload.isAuth;
    }
  },
  actions: {
    login(context) {
      context.commit('setAuth', { isAuth: true });
    },
    logout(context) {
      context.commit('setAuth', { isAuth: false });
    }
  },
  getters: {
    userIsAuthenticated(state) {
      return state.isLoggedIn;
    }
  }
});

export default store;

компонент

<template>
  <button @click="login" v-if="!isAuth">Login</button>
  <button @click="logout" v-if="isAuth">Logout</button>

  <p>{{ isTestAuth }}</p>
</template>

<script>
export default {
  methods: {
    login() {
      this.$store.dispatch('login');
    },
    logout() {
      this.$store.dispatch('logout');
    }
  },
  computed: {
    isAuth() {
      return this.$store.getters.userIsAuthenticated;
    },
    isTestAuth() {
      return this.$store.getters['counter/testAuth'];
    }
  }
};
</script>

Answer 1

[Алексей Ярков]

А с чего вы решили, что rootState идёт первым аргументом в геттере модуля? Из-за того что назвали аргумент rootState?
Читать до полного просветления.

UPD: Ну хз, у меня как обычно всё работает

Comments

[molekulyarniy]

а как правильно? Я пробовал (state, getters, rootState) - тоже не получалось

Answer 2

[Антон Антон]

Дело в невнимательности или в непонимании того, что такое деструктурирующее присваивание

spoiler

Там на самом деле всего один параметр - объект, а все между скобок - его свойства.

Comments

[Алексей Ярков]

Он про геттеры спрашивал, а не про экшены. Н - невнимательность))

[Антон Антон]

Тогда да. Третьим параметром норм должно работать.

Answer 3

[fallus]

Вот так — не надо.
Надо вот так, так, так так:

getters: {
    testAuth(state, getters, rootState) {
      return rootState.isLoggedIn; // тут возможно нужно к isLoggedIn полный путь написать, например return rootState['myStoreModule/isLoggedIn']
    }
  }

*Не бейте меня. Не надо.