Vuex Getter Hook with parameters

Question

I defined a vuex getter function with parameters, the code is as follows:

const getters = {
        
        getProjectById: (state) => (id) => {
            return state.projects.find(project => project.id === id)
        }
}

Now, I want to use this getter function in my component, but I can't find a way to pass parameters to the getter.

This is my getter hook computed property:

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"])
},

Is it possible to pass the Id parameter from the route to the "getProjectId" getter? If possible, what is the best approach?

Answer 1

Add another computed property named projectById that accepts route parameters as arguments and returns the project:

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"]),
   projectById(){
         return this.getProjectById(this.$route.params.id)
  }

},