Method-Style Access Getter

[max5432112345]

Reproduction

Steps to reproduce the bug

In Vuex

Method-Style Access #
You can also pass arguments to getters by returning a function. This is particularly useful when you want to query an array in the store:

getters: {
  // ...
  getTodoById: (state) => (id) => {
    return state.todos.find(todo => todo.id === id)
  }
}


store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false }

How to do that with Pinia

const getItemsByType = computed((element: string) => {
  return data.value[element] ? data.value[element] : []
})

That not work well

Invalid prop: type check failed for prop "product". Expected Object, got Function

  const getItemsByType = (element: string) => {
    return computed((element: string) => {
      return data.value[element] ? data.value[element] : []
    })
  }

And in that case is like action and not getter (computed)?

Expected behavior

Actual behavior

Additional information

No response

[max5432112345]

And that hot help

const fullName = computed({
  // getter
  get() {
    return firstName.value + ' ' + lastName.value
  },
  // setter
  set(newValue) {
    // Note: we are using destructuring assignment syntax here.
    [firstName.value, lastName.value] = newValue.split(' ')
  }
})

[max5432112345]

That work, but it is action and not getter, and actions shouldn't return something.
const getItemsByType = (element: string) => { return data.value[element] ? data.value[element] : [] }

[posva]

actions can return anything they want 🙂

[posva]

It's actually the same as Vuex:

Options stores:

defineStore('store', {
  getters: {
    foo: state => (param) => state.bar + param
  }
})

Setup Stores:

const getItemsByType = computed(() => 
  (element: string) => data.value[element] ? data.value[element] : []
)

[Liwoj]

What is the point of creating computed returning function? I mean, is there any advantage compared to using simple function ?

[posva]

In this example no. You can cache values outside of the returned function, that’s about it

[NukeTheMoon]

when you write a pinia store with a computed that returns a function, @nuxt/devalue prints warnings to console:

WARN Cannot stringify a function