Idea: Access state without the need of useGetters

[l-portet]

First, thanks for the great package :)

What about a hook to access the state directly instead of having to write a specific getter, such as mapState in VueX?
I find it a bit redundant to write getters for each property of my state.

Example:

// store.js
const store = {
  state: { count: 0 },
  mutations: {
    SET_COUNT(state, value) {
      state.count = value;
    }
  },
  actions: {
    increment(context) {
      context.mutations.SET_COUNT(context.state.count + 1);
    }
  }
}

import { useStoreState } from 'vuex-but-for-react';

export function Counter() {
  const count = useStoreState('count');
  // or const count = useStoreState(state => state.count);

  return //...
}

[DJanoskova]

Hi @l-portet ,

It's a great point!

The way vuex-but-for-react is written, state itself isn't reactive - only the computed getter values are. That's why you have to write a getter to get a reactive value. Let me think about it though, and maybe I'll be able to create a solution for easier usage, even if it's just to introduce a shorter way of writing a getter when you just want to get a state's property.

Thanks!