#vuejs vuex が難しいわけではないけど覚えるのに時間かかる

import { mapState, mapMutations, mapActions } from "vuex";
export default {
  computed: {
    ...mapState(["price", "number"]),
    ...mapState({
      pref: (state) => state.options.pref,
      gender: (state) => state.options.gender,
    }),
  },
  methods: {
    ...mapMutations({
      setNumber: "SET_NUMBER",
    }),
    ...mapActions({
      setNumber: "SET_NUMBER",
    }),
  },
};

const store = new Vuex.Store({
  state: {
    todos: [
      { id: 1, text: "...", done: true },
      { id: 2, text: "...", done: false },
    ],
  },
  getters: {
    getTodoById: (state) => (id) => {
      return state.todos.find((todo) => todo.id === id);
    },
  },
});